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
Front-end:
- HTML
- CSS
- JavaScript
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.
- Dark and light themes
- Stopwatch
- Sound-on, sound-off
- Audio volume change
- Responsive
Refactorings, performance and accessibility.
You can view the layout of the project through THIS LINK. You need an account on Figma to access it.
https://focus-timer-ricardodev10.vercel.app/
If you have any feedback, please send it to me at ricardodev10@yahoo.com
Made with ♥ by Ricardo Junior 👋
Learning is continuous and there will always be a next level.