This project is a web application developed in React and TypeScript that serves as a timer tool for managing cycles. It allows users to create cycles with specific tasks and durations, interrupt cycles, and mark them as finished.
The application offers features such as countdown timers, history and an easy-to-use interface, improving productivity and time management skills.
⏱ Define what you want to work on, and how long for
🎯 Change browser tab and keep watching the time go by
🔄 Refresh the page doesn't lose progress
📃 View ongoing, completed and/or interrupted tasks in a history format
ignite-timer.mp4
The layout of the application was designed by Rocketseat and is available on Figma.
The following tools were used to build the project:
* See the package.json file
Before you begin, ensure that you have the following tools installed on your machine: Git, Node.js. It's also good to have an editor to work with the code, such as VSCode.
- Clone the repository:
git clone https://github.com/guipmdev/ignite-timer/- Change to the project directory:
cd ignite-timer- Install the dependencies:
npm install- Start the web application:
npm run dev- Access https://localhost:5173/ to view the application
This project is licensed under the terms of the MIT license. See the
LICENSE file for additional info.
- Many thanks to Rocketseat for the layout and tips when putting this project together
Made with 💙 by @guipm.dev - Feel free to contact me!
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent