Skip to content

mamidalaramu/speed-typing

Repository files navigation

Typing React App

Description

This project is a simple typing application built using React and TypeScript. The purpose of this project is to learn and practice React development with TypeScript. The app provides a typing interface where users can practice their typing skills by typing out provided sentences or paragraphs.

Features

  • Practice Typing: Users can practice typing out sentences and paragraphs provided by the app.
  • Timer: A timer tracks the time taken to type out each sentence or paragraph.
  • Responsive Design: The app is responsive and works seamlessly on various devices, including desktops, tablets, and mobile phones.

Dependencies

  • React: A JavaScript library for building user interfaces.
  • TypeScript: A superset of JavaScript that adds static typing to the language.
  • Tailwind CSS: A utility-first CSS framework for quickly building custom designs.
  • faker.js: A library for generating fake data, used to create random sentences and paragraphs.
  • Framer Motion: A library for creating animations in React applications.
  • React Icons: A library of icons for React applications.

Getting Started

Follow these instructions to get a local copy of the project up and running on your machine.

Prerequisites

Node.js and npm installed on your machine.

Installation

Clone the repository:

git clone <https://https://github.com/mamidalaramu/speed-typing>

Navigate to the project directory:

cd typing-react-app

npm install <Dependencies>

Usage

Start the development server:

npm start

Open your browser and navigate to http://localhost:3000 to view the app.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

Learn More

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

Contributing Contributions are welcome! Feel free to submit bug reports, feature requests, or pull requests.

License This project is licensed under the MIT License - see the LICENSE.md file for details.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published