Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Your session has expired please log in again.
Your session has expired please log in again.
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

SCSS and Javascript Canvas for Pomodoro Challenge

P

@Mercury225

Desktop design screenshot for the Pomodoro app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
4advanced
View challenge

Design comparison


SolutionDesign

Solution retrospective


One of my absolute favourites comments -i learnt so much! It was my first time drawing the ring counter, which was exciting, and my first time using the forEach function on arrays -i customised a lot of this using Javascript, which was a challenge in its own -Had a lot of fun! in my next project -i will stick to a BEM naming convention for my CSS next round -i will try to group together elements into arrays and use forEach, which saves a lot of coding lines -i will use more deconstructing and spread operators consistently instead of coding for each individual element If you can help -Please could you suggest cleaner and more efficient code, or any methods that i have used which is cumbersome, looking for the most efficient way to represent my code.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord