Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/unclebay143/typing-game

THE PROJECT IDEA is to create a platform where developers can improve on their typing speed and accuracy by playing a coding typing game in their preferred programming language, which will make developers both beginners and pros get more familiar with the syntax of their programming languages.
https://github.com/unclebay143/typing-game

beginner-friendly harperdbhackathon open-source reactjs typing-practice

Last synced: 2 months ago
JSON representation

THE PROJECT IDEA is to create a platform where developers can improve on their typing speed and accuracy by playing a coding typing game in their preferred programming language, which will make developers both beginners and pros get more familiar with the syntax of their programming languages.

Awesome Lists containing this project

README

        

## Typing Game for Developers to Boost their Typing Speed and Accuracy

[Read Blog](https://unclebigbay.com/introducing-developer-typing-game-platform-powered-by-the-hern-stack)

## Technologies
- Yarn
- React JS
- Html
- Css

## Features
- 🎹 Typing Area
- 🌟 Ranking
- 🎶 Lofi Music
- 🔗 Share Achievement
- 🌓 Light and darkmode


### [Watch Demo Here](https://www.youtube.com/watch?v=25E6FPy9SPc)


### 1. Players will be Ranked Real-time on the Landing Page

![image](https://user-images.githubusercontent.com/58919619/120639485-4bf6ae80-c469-11eb-897b-ac2953277cc6.png)


### 2. Sign Up

![image](https://user-images.githubusercontent.com/58919619/120639630-77799900-c469-11eb-8463-a02b59735aa5.png)


### 3. Sign In

![image](https://user-images.githubusercontent.com/58919619/120639685-895b3c00-c469-11eb-9791-06279fd5809d.png)


### 4. Forgot Password

![image](https://user-images.githubusercontent.com/58919619/120639822-b0197280-c469-11eb-8fc0-68a4af8657a1.png)


### 5. Dashboard

![image](https://user-images.githubusercontent.com/58919619/120639871-be678e80-c469-11eb-9f35-df72a1e0bdce.png)


### 6. Light Mode

![image](https://user-images.githubusercontent.com/58919619/120639947-d4754f00-c469-11eb-99f1-cc0c44a56bd8.png)

##### - Extra Lofi Music


### 7. Result

![image](https://user-images.githubusercontent.com/58919619/120640062-f66ed180-c469-11eb-95f4-30646d3d529c.png)


Feel free to open issues and pull requests