Skip to content

SpeedType is a typing game built with React, Next.js, and TypeScript. It features real-time error tracking, WPM calculation, and a sleek UI with Tailwind CSS and Framer Motion. Challenge yourself with random text snippets, track progress, and boost your typing skills. Ideal for coders and writers.

License

Notifications You must be signed in to change notification settings

manju1807/SpeedType

Repository files navigation

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

Untitled.video.-.Made.with.Clipchamp.6.mp4

Screenshots

Screenshot 1 Screenshot 2 Screenshot 3 Screenshot 4 Screenshot 5 Screenshot 6 Screenshot 7


Made with ❤️ by Manjunath R

About

SpeedType is a typing game built with React, Next.js, and TypeScript. It features real-time error tracking, WPM calculation, and a sleek UI with Tailwind CSS and Framer Motion. Challenge yourself with random text snippets, track progress, and boost your typing skills. Ideal for coders and writers.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published