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.
-
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.
-
Typing Speed and Error Tracking: Users can visualize their typing speed and error data over time with an intuitive chart.
-
Theme Selection: Users can personalize their experience by choosing from a variety of color themes.
-
Responsive Design: The application is fully responsive and provides a seamless experience across different screen sizes.
-
Engaging Animations: Utilizing the power of react-spring, the application offers smooth and eye-catching animations, enhancing the user experience.
- 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
To get a local copy up and running follow these simple steps:
- Clone the repo
git clone https://github.com/devRauLuis/takataka.git
- Install NPM packages
npm install
- Start the development server
npm run dev
To build the project for production, run the following command:
npm run build
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.
Distributed under the MIT License. See LICENSE
for more information.
Raúl Luis - [email protected]
Project Link: https://github.com/devRauLuis/takataka