A modern typing speed test built with React and TypeScript. Test your WPM, compete on the leaderboard, and watch a frog hop across the screen as you type.
🔗 typeleap.online — Built using npm run build and deployed via Hostinger's file manager.
- Real-time typing test with 30-second timer
- WPM calculation and accuracy tracking
- Global leaderboard with Firebase integration
- Animated frog that hops with joy (or sadness)
- Educational content about typing benefits
- React 18 + TypeScript
- Vite for build tooling
- Tailwind CSS for styling
- Firebase Firestore for leaderboard
- Framer Motion for animations
- Node.js 16+
- npm or yarn
# Clone the repo
git clone https://github.com/AlexanderLasson/typeLeap.git
cd typeLeap
# Install dependencies
npm install
# Start development server
npm run dev- Create a Firebase project at console.firebase.google.com
- Enable Firestore Database
- Update
src/config/firebase.tswith your project config - Set Firestore rules to allow read/write for development
- Type the words as they appear
- Complete the 30-second test
- View your WPM and accuracy results
- Submit your score to the leaderboard