Frontend Mentor - Pomodoro app solution

This is a solution to the Pomodoro app challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

Table of contents

Overview

The challenge

Users should be able to:

  • Set a pomodoro timer and short & long break timers
  • Customize how long each timer runs for
  • See a circular progress bar that updates every minute and represents how far through their timer they are
  • Customize the appearance of the app with the ability to set preferences for colors and fonts

Screenshot

Pomodoro App Screen

Links

My process

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • Vanilla JavaScript

What I learned

This project is THE project that allowed me to make my mark in pure JavaScript.

Now I consider that I have the basics in JS even if the writing is of course to work on. I will be able to continue on more technical projects and potentially start learning framwork js.

Continued development

The thing I need to work on is the writing and cleanliness of my code whether it is in css or in JS.

Useful resources

  • Most important ressource - This is THE ressource who helped me a lot. With this video I learned how to create a circle in svg and that was the most important part even if it was far from being the most difficult !

Author