SpeedType: Boost Your Typing Skills

SpeedType is an interactive web-based typing game designed to improve your typing speed and accuracy. Built with a modern tech stack, it offers an engaging way to enhance your keyboard skills.

🚀 Features

• Real-time error tracking
• WPM (Words Per Minute) calculation
• Sleek and responsive UI
• Dark mode support
• Multi-language support (English and Spanish)

🛠 Key Tech Stack

• React: For building the user interface
• Next.js: For server-side rendering and routing
• TypeScript: For type-safe code
• Framer Motion: For smooth animations and transitions
• Tailwind CSS: For rapid and responsive styling
• Zustand: For efficient state management
• Visual Studio Code: As the primary development environment

🏁 Getting Started

To run the project locally:

1. Clone the repository
2. Install dependencies: npm install or yarn install
3. Run the development server: npm run dev or yarn dev
4. Open http://localhost:3000 in your browser

🌐 Deployment

The project is deployed at https://speedtype-v1.netlify.app

🎨 UI/UX

• Responsive design using Tailwind CSS
• Smooth animations powered by Framer Motion
• Customizable themes with dark mode support

🧠 State Management

Utilizes Zustand for efficient and simple state management

📊 Performance Metrics

According to PageSpeed Insights (as of Aug 12, 2024):

• Performance Score: 94/100 (Excellent)
• Accessibility: 100/100
• Best Practices: 100/100
• SEO: 100/100

These scores indicate that SpeedType is highly optimized for mobile devices, offering fast loading times, excellent accessibility, adherence to web best practices, and strong SEO fundamentals.

👨‍💻 Author

Manjunath R

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

📝 License

This project is MIT licensed.

Project Demo 🚀

Video Demo

https://github.com/user-attachments/assets/fb341abe-89f6-4276-96a7-7baba0662ae1

Screenshots

Made with ❤️ by Manjunath R