takataka

takataka is a fun and interactive typing practice tool developed using modern web technologies like React, TypeScript, and Vite. The app lets users practice their typing skills with a dynamic and engaging interface.

Features

1. Dynamic Typing Interface: The application renders random words for the user to type, adjusting the words and line index based on the user's typing progress.

2. Typing Speed and Error Tracking: Users can visualize their typing speed and error data over time with an intuitive chart.

3. Theme Selection: Users can personalize their experience by choosing from a variety of color themes.

4. Responsive Design: The application is fully responsive and provides a seamless experience across different screen sizes.

5. Engaging Animations: Utilizing the power of react-spring, the application offers smooth and eye-catching animations, enhancing the user experience.

Tech Stack

• React
• TypeScript
• Vite
• Mantine: A robust UI library used to build the user interface of the application.
• Emotion: A powerful library for building styled-components, enabling a customizable and themeable UI.
• Recharts

Getting Started

To get a local copy up and running follow these simple steps:

1. Clone the repo

git clone https://github.com/devRauLuis/takataka.git

2. Install NPM packages

npm install

3. Start the development server

npm run dev

Building the Project

To build the project for production, run the following command:

npm run build

Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated. If you have a suggestion that would make this better, please fork the repo and create a pull request.

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Raúl Luis - [email protected]

Project Link: https://github.com/devRauLuis/takataka

---