/focus-timer

This is a pomodoro style counter in dark mode, with the option to select the minutes from 5 to 5, pause, stop, turn on/off forest sounds, rain, coffee shop, fireplace, and volume change.

Primary LanguageJavaScript

Focus Timer | Pomodoro

This is a pomodoro style counter in dark mode, with the option to select the minutes from 5 to 5, pause, stop, turn on/off forest sounds, rain, coffee shop, fireplace, and volume change.

Technologies   |    Learnings   |    Functionalities   |    Improvements   |    Layout   |    Deploy   |    Feedback   |    Author

💁🏻‍♂️ Demonstration

🛠 Technologies

Front-end:

  • HTML
  • CSS
  • JavaScript

📚 Learnings

Using the DOM in the browser, callback functions, knowing what recursion is, Clean Code principles, scopes, ES6 Modules, factory pattern, dependency injection, code refactoring, adding sounds and audio volume change through JavaScript and change of themes.

♻️ Functionalities

  • Dark and light themes
  • Stopwatch
  • Sound-on, sound-off
  • Audio volume change
  • Responsive

📈 Improvements

Refactorings, performance and accessibility.

🎨 Layout

You can view the layout of the project through THIS LINK. You need an account on Figma to access it.

🚀 Deploy

https://focus-timer-ricardodev10.vercel.app/

🙂 Feedback

If you have any feedback, please send it to me at ricardodev10@yahoo.com

💛 Author

Made with ♥ by Ricardo Junior 👋

Learning is continuous and there will always be a next level.

LinkedIn Badge Yahoo Badge Discord Badge GitHub Badge