Project Logo
Web link   |   GitHub

Description:

SpeedTyper is a touch typing practicing website that I build for my use. Instead of just practicing, user can also have control of what text they want to practice.

User can view resources; add more to the resources collection with what text they like, edit the content as will, delete and more.

Instruction:

When enter the practicing interface, to start practice, you just need to hit the Space on your keyboard to activate the 'game' and start typing.

After finishing one typing session, you can view your typing speed and the information of the content you just type.

If you want to see your history, head over to the main page and go to the "History" section where you can view your most recent 20 trial and your best 20 one.

Technologies used:

HTML5

CSS3

SCSS

Javascript

Node.js

expressExpress

trelloTrello

lucidLucid

herokuHeroku

VS Code

Git

GitHub

Terminal

Reviews:

When you first come to the website, it will prompt you create an account with Google

review image 1

The main page is styled simple and easy to navigate

review image 2

An example of a practicing session

review image 3

You can access the list of content information, add new content, view each one, edit and even delete it.

review image 4

Finally you can view your history

review image 5

ERD Model

review image 6

Challenges:

  • Design an effective database relationship model
  • Optimize the Practicing experiences while making sure it's functionality work well.

Solution:

  • Use mongo embeding method to connect User Schema to Resouces Schema, and Resources Schema to History to store all data and access it easily.
  • Create a different Javascript file with sole purpose of handling practicing.

Ice Box, Next Step:

  • Create a progress chart
  • Apply filter resouces by type categories
  • Create an Admin acount to update content regularly

License:

Distributed under the MIT License.

Contact me at

Toronto, ON, Canada

(647) 581 - 6621

joshnguyentoronto@gmail.com

JoshNguyenToronto-Resume.pdf  ❯

Get in touch