Giter Club home page Giter Club logo

typerush's Introduction

TypeRush - Get Better at Typing!

TypeRush is a web app that helps you get faster and more accurate at typing.

๐Ÿš€ Features

  • New Typing Tests Every Time: The app has lots of different texts to keep your practice interesting and challenging.
  • See Your Progress as You Type: You can watch your typing speed, how well you're doing, and your score update live.
  • Spot Your Mistakes Easily: If you type something wrong, it'll light up so you can see where you need to improve.
  • Caps Lock Warning: It tells you if you've accidentally left Caps Lock on to avoid errors.
  • Summary After Each Test: When you finish a test, you get a detailed report of your speed, score, and mistakes.
  • Keep Practicing: You can start new tests over and over to keep getting better.
  • Nice and Simple Design: The design is clean and easy to use, helping you focus on practicing.
  • Light and Dark Mode: Matches your system preference to make it easy on your eyes, day or night.

๐Ÿ› ๏ธ Technologies

  • React.js
  • TypeScript
  • Zustand
  • CSS Modules
  • React Icons

๐Ÿ“ How It Works

TypeRush picks a passage for you to type. As you type, it keeps track of how fast and accurate you are, and how many points you get. It shows mistakes clearly and warns you about Caps Lock. After each round, you get a full breakdown of your performance to encourage you to keep improving.

๐Ÿšฆ Running the Project

To run the project in your local environment, follow these steps:

  1. Clone the repository to your local machine.
  2. Run npm install or yarn in the project directory to install the required dependencies.
  3. Run npm run start or yarn start to get the project started.
  4. Open http://localhost:5173 (or the address shown in your console) in your web browser to view the app.

๐Ÿ’ก Improvements

  • Leaderboard: Add a leaderboard to make it more competitive.
  • Your Own Texts: Let you practice with whatever text you want.
  • More Stats: Offer detailed stats to show how you're improving over time.
  • User Accounts: Make accounts so you can pick up where you left off on any device.

๐Ÿž Issues

  • Right now, it doesn't work well on phones.

๐Ÿ“ธ Video

video-output-5B416E4E-D5DC-4FAC-BE16-D324613FBFCD.mov

typerush's People

Contributors

mirayatech avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.