A Typing Speed Test for Programmers with Vue

A Typing Speed Test for Programmers with Vue
CodeRush allows you to test your writing skills in more than 30 most popular technologies and 3 diffrent game modes.

About

CodeRush allows you to test your writing skills in more than 30 most popular technologies and 3 diffrent game modes.

Product Name Screen Shot

In addition to calculating your CPM (characters per minute), it provides you with detailed statistics for example the most frequently miss-clicked keys, so that You will pay attention to them in the future.

Example results: Product Name Screen Shot

Multiplayer mode

On CodeRush you can create a private multiplayer server, so that you can compete with invited friends and colleagues.

Built With

Getting Started

To get a local copy up and running follow these simple steps.

Usage

App is up (I hope) and running on https://coderush.xyz. You can also start a local server as shown below.

Prerequisites

  • Node.js 12
  • Git
  • NPM or other package manager

Installation and local development

  1. Clone the repo
git clone https://github.com/encap/coderush.git
  1. Install NPM packages
npm install
  1. Start Vue dev server and API server (on :3000)
npm run dev

Check out package.json for other useful scripts

Roadmap

See the this page for a list of proposed features (and known issues) that I will implement (and fix) in the near future.

Contributing

CodeRush is a one-person project but as long as I will have time, I will make changes to the code myself, so please do not create pull requests unless it is an critical bugfix.

You can still propose new features and report issues like in most open source projects and it will be appreciated.

UPDATE:

You can now submit code examples on which our users will test their typing skills. How to do it?

  1. Go to this page (tab “Contribute” on CodeRush website)
  2. Enter your name (nick)
  3. Paste or write code in avaible editor
    • Select a language if you haven’t already done it
    • Choose a tab size
  4. Give your code a brief description or name (e.g function name)
  5. Click Send

Assuming your code passes all our tests it will be waiting for human verification as a pull request here.

Known Issues

  • Sometimes after disconnecting from server not all variables updated
  • In multiplayer language changes above editor when admin selects new one and the player is still on the results page

License

I made CodeRush open source because without other OS projects I wouldn’t be able to get to the point where I am now.

Source code is distributed under the GNU GPL v3 License. However, I would advise against looking here for the best solutions or forking it because this was my first Vue.js project.

Download Details:

Author: encap

Demo: https://coderush.xyz/

Source Code: https://github.com/encap/coderush

Suggest:

Vue js Tutorial Zero to Hero || Brief Overview about Vue.js || Learn VueJS 2023 || JS Framework

Learn Vue.js from scratch 2018

Is Vue.js 3.0 Breaking Vue? Vue 3.0 Preview!

Vue.js Tutorial: Zero to Sixty

Learn Vue.js from Scratch - Full Course for Beginners

Create Shopping basket page With Vuejs and Nodejs