TypeIt is an engaging and challenging typing game built using React and powered by Firebase. Sharpen your typing skills, improve your accuracy, and compete against your friends to achieve the highest scores. This README provides a comprehensive guide on how to set up, install, and run the game, as well as an overview of its features.
-
Typing Practice: TypeIt provides an interactive and fun way to practice your typing skills. Improve your speed and accuracy with various game modes and difficulty levels.
-
Firebase Integration: Scores and user data are stored securely in Firebase, allowing you to keep track of your progress and compete with others.
-
Real-time Leaderboard: Compete against other players in real-time and see who can type the fastest. The leaderboard updates dynamically as new scores are submitted.
- Clone the repository:
gh repo clone nishant7372/TypeIt-main- Install dependencies:
npm install-
Set up Firebase:
- Create a Firebase project at https://console.firebase.google.com.
- Add a new web app to your project and copy the Firebase configuration.
- Create a
.envfile in the project root and add your Firebase configuration:
VITE_FIREBASE_API_KEY=your-api-key
VITE_FIREBASE_AUTH_DOMAIN=your-auth-domain
VITE_FIREBASE_PROJECT_ID=your-project-id
VITE_FIREBASE_STORAGE_BUCKET=your-storage-bucket
VITE_FIREBASE_MESSAGING_SENDER_ID=your-messaging-sender-id
VITE_FIREBASE_APP_ID=your-app-id- Run the development server:
npm run devVisit http://localhost:5173/ in your browser to play the game.
- Choose a game mode from the main menu.
- Start typing the displayed text as fast and accurately as you can.
- Once you finish, your score will be submitted to the leaderboard if you are signed in.