This project was very fun to make, it really taught me about local storage, and about other various bugs I as a developer may come across, and how to fix them. A vote for this project would be highly appreciated.
This was inspired by https://cpstest.org if you havent noticed already, I made this becuase I wanted to test my clicks per seoncd but I simply didn't like the UI of the other one. I have tried as much to stay similar to https://cpstest.org. This project is modular and oop since i'm using typescript and open source unlike https://cpstest.org/ Please don't think of this as just another skidded project, this acutally took time to make, I persoanlly tried to add my own touches here and there like the light and dark mode and makign it a SPA (Single-Page-Webapp). This one has a bunch of bloat removed and is ad-free as well.
-
LocalStorage Score Saving:
- Saves old scores to localStorage.
- View your personal scoreboard and track your best performances over time.
-
Amazing UI:
- A beautifully designed and intuitive user interface that enhances the experience.
-
Light / Dark Mode:
- Switch seamlessly between light and dark themes for optimal viewing.
-
Click / Spacebar Integration:
- You can either do the spacebar clicks per second test, or the clicks per second test
-
Clone the repository:
git clone https://github.com/T3M1N4L/cps.git
-
Navigate into the project folder:
cd cps -
Install dependencies
npm install
-
Install Next if you haven't already
npm i next -g
-
Build the cps-test using next
next built
-
Start the next server
next start
-
Head to https://localhost:8080
- Test your speed and reflexes by clicking or pressing the spacebar.
- Track your best scores in the personal scoreboard.
- Toggle between light and dark modes for your preferred viewing experience.