Git Product home page Git Product logo

speedcode's Introduction

Just an Idea

I would love to see a speed function typing game

Similar to old speed typing games.

Levels

The levels would be writing simple functions really quickly

  1. Write if statements
    • if girl return true else return false
    • if yes return true else return false
    • etc.
  2. Write a for loop:
    • log all numbers between 5 and 10
    • log all numbers between 12 and 80
    • log all numbers between 1 and 10
    • etc.
  3. Write a forEach function from a given object:
    • log all names
    • log all phone numbers
    • log all pets

This is the gist. The game should be able to generate a limitless number of random tests. This will gameify the process of learning syntax.

Goal

People would get a simple WPM type score so they can compete with themselves on getting faster at writing functions.

Perhaps this would inspire people to get good at writing functions earlier on. It would take the consequences out of writing your first functions. When I was learning, I spent too much time finding new functions to write. It would have been great to have a random one generated and I try to beat my old time.

Model

The model for this project would be here:

http://typing-speed-test.aoeu.eu/

To Do

  • Write HTML for Testing
  • CSS style for simplicity
  • JavaScript for timing
  • JavaScript for tracking errors
  • JavaScript for feeding results
  • Share buttons

Further Down The Line

  • Allow users to login and get badges based on speed on specific levels
  • Create a leaderboard for top scorers
  • Provide a tutorial process for people with 0 experience

speedcode's People

Watchers

James Cloos avatar Ian Robinson avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.