KeyRush is a gamified, beautiful typing platform designed to make typing practice engaging and visually stunning. Built with React, Vite, and Shadcn UI, it features a custom interactive keyboard component with realistic sound effects and haptics.
- Frontend: React 19, TypeScript
- Build Tool: Vite
- Styling: Tailwind CSS v4, Shadcn UI
- Animations: tw-animate-css
- Custom Keyboard Component: A highly interactive, beautifully styled virtual keyboard that responds to your physical keystrokes.
- Dynamic Aesthetics: Fluid animations and responsive design.
- Immersive Feedback: Built-in haptic options and mechanical keyboard sound effects to enhance the typing experience.
- Instantaneous Stat Tracking: Live calculations of WPM (Words Per Minute) and accuracy.
- Node.js (v18 or higher recommended)
- npm or yarn
- Clone the repository
- Navigate to the client directory:
cd client - Install dependencies:
npm install
To start the development server:
npm run dev- Backend Integration: Express.js + Database for user authentication and stat saving.
- Global Leaderboards: Compete with players worldwide.
- Multiplayer Mode: Live head-to-head typing races via WebSockets.
- Code Mode: Practice typing actual code snippets (React, Python, Rust, etc.) instead of just standard text.
- Gamified Streaks: Combo meters and "Boss Battles" against the clock.
Built to be way cooler than Monkeytype! 😎