React: pomodoro

• Repository : react-pomodoro 🍅
• Type of challenge: learning challenge
• Duration: 5 days 🕓
• Deadline : 29/04/2021 23:59 pm 🔔
• Deployment strategy : Netlify 🟢
• Team : solo with love spirit 💞

---

A simple, static, pomodoro timer with React.

---

Introduction

I used React to create a simple Pomodoro timer.
It will be static, without the need for a server.

Also discovered some build tools, with Parcel, and have follow some code quality rules, with Prettier and ESLint.

Minimal requirements

• Display a big timer (minutes and seconds).
• Four buttons:
  • plus (+) and minus (-), they will allow the user to adjust the minutes counter - only when it's stopped.
  • start, to run the timer
  • reset, to… reset the timer to its original value
• At the end of the timer, show a modal to invite user to take a break. The modal will have two buttons:
  • One to close the modal
  • Another to close the modal and start a new timer

Hosting

Using: Netlify.

Here is the LINK.

Ressources

• React
• React modal
• Babel
• Parcel
• ESLint