Menu Close

pomodoro-app

Pomodoro

Better focus on any task you are working on with Pomodoro!

Technologies
Objective
Improvement Ideas
How to Use
Author


🚀 Technologies


React


TypeScript


Styled Components


React Hook Form


React Router


HTML5


HTML5

🎯 Objective

This project was made following Rocketseat’s second class on Ignite. Where we were introduced to:

  • Context API;
  • Reducer Hook;
  • Routing with React Router DOM;
  • Handling forms with React Forms;
  • Styled Components;
  • Validation with Zod;
  • ESLint configuration.

I have plans to add more features to this project as I progress with my studies. You can check on improvment ideas section.

User should be able to:

  • Create a new timer;
  • Interrupt Timer;
  • Check previous timers on history page;
  • Save and load timers from local storage;

💡 Improvement Ideas

  • Implement themes
  • Implement sounds
  • Change hour format
  • Send notifications (timer and break about to run out, )
  • Implement Social Login
  • Implement Statistics

ℹ️ How to Use

Before cloning the repository into your machine you’ll need: Git and NodeJS. Also it is good to have a code editor like VSCode.

#Clone this repository
$ git clone https://github.com/davyd-souza/pomodoro-app.git pomodoro-app

#Go into the repository
$ cd pomodoro-app

# Install dependencies with
$ npm install

# Run app
$ npm run dev

👤 Author

Made with 💛 by Davyd Souza








View Source Code
Posted in Development