Skip to content

A Responsive Typing Test Website. Uses quotable api to fetch new quote.

License

Notifications You must be signed in to change notification settings

HarshitSharma4/swift-type

 
 

Repository files navigation

banner

Firebase ExpressJS React NodeJS Bootstrap SCSS JS ReactRouter

Typing Animation

About

Visit the site here: SwiftType.

SwiftType is a minimalistic typing test site that allows you to test your typing speed and accuracy. It features a simple and minimal interface, with the ability to toggle dark and light theme. Uses Quotable API to fetch random quotes.

Contributing

Contributions are welcome! Please read CONTRIBUTING.md for more info.

Features

  • Blazingly fast
  • Custom fonts
  • Dark/Light Theme
  • Calculates Current WPM, Gross WPM, Net WPM, Raw WPM, accuracy, errors, time taken
  • Shortcut for fast restart and repeat
  • Input field auto clear
  • Result highlighting
  • Word highlighting (on | off)
  • Smooth caret (on | off)
  • Control Backspace delete

Building and Testing

To build and test the site locally, follow these steps:

  1. Clone the repository to your local machine.
  2. Navigate to the project directory in your terminal.
  3. (Optional) Run the command git submodule update --init --recursive to update the submodule.
  4. (Optional) Run the command git pull to pull the latest changes.
  5. Install the necessary dependencies by running npm install
  6. Create a new file in the root directory of the project called .env.local
  7. Add the necessary environment variables to the file in the format VARIABLE_NAME=value
  8. Save the file.
  9. To build the project, run the command npm run build.
  10. To start the development server, run the command npm run server or npm start to use Create React App Deployment.
  11. Open your web browser and navigate to http://localhost:3000 to view the site.
  12. To run the tests, open a new terminal window and navigate to the project directory.
  13. Run the command npm test to run the test suite.

Make sure to add the .envlocal file to your .gitignore file to prevent it from being tracked by Git.

About

A Responsive Typing Test Website. Uses quotable api to fetch new quote.

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 83.1%
  • SCSS 14.6%
  • HTML 1.9%
  • CSS 0.4%