Inspiration
As a developer, writing code feels as natural as eating a piece of cake. But it wasn’t always that easy — I had to type extensively across different platforms to improve my speed. One day, an idea struck me: What if I had my own typing test platform — one that I could fully customize? That sounded exciting, right? And that’s how the inspiration for this project began.
What it does
CheetahType helps users track their typing performance using several key metrics: i) Typing Accuracy ii) Words Per Second (WPS) iii) Characters Per Minute (CPM) iv) Consistency v) Character Count vi) Time Duration Each time a user completes a test, they receive detailed feedback based on these metrics. This allows them to understand their current typing level and identify areas for improvement.
How we built it
I used Node.js, Next.js, Tailwind CSS, and TypeScript initially to build this Application.
Challenges we ran into
The biggest challenge was accurately handling keyboard inputs during the test and correctly calculating the result metrics afterward. Ensuring real-time feedback without lag or inconsistency took a lot of fine-tuning.
Accomplishments that we're proud of
Successfully integrating the virtual keyboard and generating accurate, real-time results was both challenging and rewarding. Seeing it work seamlessly gave me a deep sense of accomplishment.
What we learned
Implementing such a raw project, without previous knowledge, was really brainstorming. I learn how should think step by step, what to implement next, and how to organize tasks was the main learning from this project. Also, if I get stuck on a problem, then taking a rest and starting again by dividing the problem into small pieces is the main learning, I would say.
What's next for CheetahType
I plan to evolve CheetahType into a full-featured platform, similar to monkeytype.com. Upcoming features include - i) Multiplayer mode ii) Leaderboard system These additions will make the platform more engaging for both beginners and professional typists. Currently, the project focuses mainly on frontend development. In the next phase, I’ll implement a backend database to - i) Store user performance data ii) Track multiplayer game results iii) Power user dashboards and history
Built With
- css3
- firebase
- next.js
- tailwind
- typescript
Log in or sign up for Devpost to join the conversation.