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.
- 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.
- 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.
Follow these instructions to get a local copy of the project up and running on your machine.
Node.js and npm installed on your machine.
Clone the repository:
Navigate to the project directory:
Start the development server:
Open your browser and navigate to http://localhost:3000 to view the app.
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.
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.