Skip to content

Hrithik0112/Velocity-XD

Repository files navigation

Velocity-XD ( React Typing Game) 🚀

Screenshot 2024-01-31 001121

Developed a minimalistic speed typing application using React, Tailwind CSS, TypeScript, and Framer Motion, providing users with an engaging and informative typing experience.

Features

  • Intuitive Design: Crafted an intuitive and visually pleasing React-based speed typing application, emphasizing simplicity and user-friendly design. 🎨

  • Responsive UI: Leveraged Tailwind CSS to ensure a clean and responsive user interface, enhancing the overall user experience. 📱

  • TypeScript Integration: Implemented TypeScript to enhance code maintainability and catch potential errors during development, ensuring a robust application. ⌨️

  • Smooth Animations: Utilized the Framer Motion library for smooth animations, adding a dynamic and visually appealing aspect to the typing experience. 🚀

  • Real-time Statistics: Displayed real-time statistics including accuracy, words typed, errors, and words per minute (WPM), empowering users to track and improve their typing skills. 📊

Project Overview

This project delivers an engaging and informative typing experience, combining an intuitive design, responsive UI, TypeScript integration, smooth animations, and real-time statistics.

Tech Stack

  • React: A declarative, efficient, and flexible JavaScript library for building user interfaces.
  • Tailwind CSS: A utility-first CSS framework for rapidly building custom user interfaces.
  • TypeScript: A superset of JavaScript that adds static types to the language, improving code quality and development experience.
  • Framer Motion: A production-ready motion library for React providing a simple interface for creating stunning animations.

Getting Started

  1. Clone the repository.
  2. Install dependencies using npm install.
  3. Run the application with npm start.

Usage

  • Access the typing application in your web browser.
  • Start typing the displayed text, and the application will provide real-time statistics.
  • Track accuracy, words typed, errors, and words per minute (WPM) to improve your typing skills.

Contributing

Feel free to contribute to the project by opening issues or submitting pull requests. 🤝

License

This project is licensed under the MIT License. 📄