Skip to content

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

3 stars

Watchers

1 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors