Skip to content

Typing App built with TypeScript, React, Sass, Node.js, Express, MongoDB, Mongoose, Socket.io | Inspired by Monkeytype | For learning purposes | Updating this project once in a while as I learn more web things 😀 enjoy

LukaKobaidze/typing-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Table of Contents

About The Project

Project image

Built with

  • TypeScript
  • React
  • Sass
  • Node.js
  • Express
  • MongoDB
  • Mongoose
  • Socket.io

Description

  • Custom made smooth typing input that displays live errors.
  • Different typing modes, such as 'time', 'words', 'quote'.
  • Multiplayer 1v1 mode to play against your friends.
  • Fetches Random quotes using 'quotable' API.
  • Results after typing is done, including WPM, Accuracy, Errors, Interactive Dashboard.
  • User can customize the app to their liking.
  • Various app color themes.
  • User can create account that will be saved on database.
  • Personal stats, history and customizations will be saved to the account.

Project image

Getting Started

  1. Clone the repository, and move to the root directory of the project
git clone https://github.com/LukaKobaidze/typing-app
  1. Add required environment variables to server

    Create .env file in server directory

  MONGODB_CONNECTION=<your-mongodb-connection-string>
  JWT_SECRET=<your-jwt-secret>
  1. Install NPM packages (handles both client & server packages)
npm run install-all
  1. Run the app locally
npm run dev

Acknowledgments

About

Typing App built with TypeScript, React, Sass, Node.js, Express, MongoDB, Mongoose, Socket.io | Inspired by Monkeytype | For learning purposes | Updating this project once in a while as I learn more web things 😀 enjoy

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages