Skip to content

Akhil-Kokkula/Typing-Code-Website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 

Repository files navigation


Logo

Typing-Code.com

Learn To Type Code Faster. Just Pick a Language and Code Away!

Explore the site »


  1. About The Project
  2. Features
  3. Contact

About The Project

Product Name Screen Shot

Whenever I was typing code, my speed slowed down because of the syntax and use of special characters that I wasn't accustomed to in my everyday typing. So, Typing-Code.com was born. There are many benefits to typing fast. You can save DAYS per year by typing fast and you focus on what's important which is your creativity since you aren't distracted with how to type certain characters. The ultimate productivity hack!

Built With

  • MongoDB Atlas

    • Skills: CRUD (Create, Read, Update, and Delete) operations, trigger to save user stats of last 30 days, and Mongoose as ODM (Object Data Modeling)
  • ExpressJS/NodeJS

    • Skills: HTTP request methods, database models, and controllers
  • ReactJS

    • Skills: custom hook for typing interface, frontend techniques for clean design, routing, and components
  • Firebase Auth

    • Implemented sign up, login, and resetting password
  • Heroku Deployment

    • Heroku CLI deployment

Features

The typing code websites that were available online did not have specific lesson plans for developing your typing skills in specific areas. I addressed this problem by including lesson plans for variable declaration and initializations, loops, classes, common algorithms, real-world applications, etc. Moreover, the websites online didn't save your typing stats to help see your progress and the typing interfaces were not user friendly. Take a look at how I addressed these problems in my website.


Interactive Typing Interface

Product Screen Shot

Focused, clean, and user-friendly typing interface. Users have the ability to correct prior mistakes and the clean design increases user focus.


Progress Tracking

Product Screen Shot

Display of your typing stats (wpm and accuracy) for the last 30 days. Also, the user chooses a daily time limit for practicing and the app tracks the user's daily time spent typing.


Full Auth System with Firebase

Product Screen Shot

Sign up, login, and resetting password all implemented with Firebase authentication.

Contact

LinkedIn | GitHub | Gmail