luc-ribeiro / ignite-timer-react

React project that allows the user to time their daily tasks, in addition to allowing them to see a history of all tasks already completed.

Ignite Timer

Clique aqui para ver a versão em Português.

Preview: Ignite Timer

---

📄 Project

Project that allows users to time their daily tasks and view a history of all completed tasks. Application of concepts such as routing, ContextAPI, useReducer, Controlled and Uncontrolled Inputs.

💻 Technologies

• ReactJS
• TypeScript
• React Router DOM
• Styled Components
• React Hook Form
• Zod
• Immer
• date-fns

🔖 Layout

• Ignite Timer - Figma

🚀 Running the project

• Clone the project and access the directory

$ git clone https://github.com/luc-ribeiro/ignite-timer-react.git
$ cd ignite-timer-react

• Follow the steps below:

# Install the dependencies
$ npm i

# Start the project
$ npm run dev

• The application will be available at http://localhost:5174