KeyScripter
Explore
Keyscripter is a modern typing application built to enhance users' typing speed and accuracy, whether for general use or coding-specific tasks. With intuitive interfaces and real-time feedback, it offers a focused environment to level up your typing game.
Key Features
- Text-Based Typing Mode
Practice typing simple phrases to improve everyday typing speed and accuracy. - Snippet Typing Mode
Take on coding snippet challenges tailored to developers. Perfect for honing typing skills in real programming environments. - Real-Time Feedback
Get instant feedback on typing speed, accuracy, and errors as you type. - Progress Tracking
Monitor your improvement over time with stats and performance history.
Tech Stack
- Frontend: Next.js, ShadCN UI
- Backend: Flask (Python)
- Database: MySQL
Learnings
- Implementing OAuth (Google)
- Setting up SMTP servers for email verification during user profile creation
- Setting up a relational database (MySQL)
- Creating a REST API in Flask for handling user registration and their stats
Challenges
- Google Auth was the most annoying thing I had to troubleshoot.
- Handling dynamic code generation for different languages, almost sold my soul and integrated DeepSeek API for code generation.
- Implementing a bouncing animation effect and a blinker on the specific error code line
Whether you're a casual user or a developer aiming to improve your coding fluency, KeyScripter provides a clean and powerful platform to practice and grow.