KeyScripter

Explore
Homepage of KS

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.