TypeSprint: Typing Speed & Accuracy Test banner

TypeSprint: Typing Speed & Accuracy Test

4 devlogs
7h 12m 4s

This is a typing speed test website built using react and tailwind. it is inspired by monkeytype.

This project uses AI

I used claude for debugging

Demo Repository

Loading README...

coolguy

Shipped this project!

Hours: 7.2
Cookies: 🍪 131
Multiplier: 18.16 cookies/hr

I made a website that calculates your typing speed and accuracy. I made this to improve my react skills.I learnt to use git with this project as previously I used to do it manually. The UI is pretty simple, I didnt do much work on that. Most of the work i did was towards the logic of the game.

coolguy

added local storage to save the progress. also added some sound effects and different difficulty levels and modes. also fixed a lot of bugs.

Attachment
0
coolguy

First, I built the text display. the text will be gray if not typed, green if correct and red if wrong. I’ve also added typing sound.It also detects accuracy in real time and it starts timer on first keystroke

Attachment
0
coolguy

I’m making a typing speed test website. Today, I planned on what features i want to add and then i started working on it i decided to make a react app. So far, i’ve wrote sentences with different difficulty levels that will be used in the website

Attachment
0