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
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Pomodoro App with Next.JS and TailwindCSS

@jadurani

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


Hi everyone!

I just finished the pomodoro app using NextJS and TailwindCSS.

This is my first NextJS project and my first React project in a while. This is also the first time I've tried using Storybook and I find that component-based development can be tedious at first but keeps my app more easier to tweak, independent of the other use cases.

Through this project I've familiarized myself with:

  1. React's hooks: useState and useContext
  2. Storybook
  3. NextJS - project structure, next fonts
  4. Hosting and Deployment via Vercel
  5. Animations with SVG

As I've had a lot of firsts in this project, I'd appreciate any feedback you have, whether it's in accessibility or code structure or anything you see that I can further learn and improve :)

Thank you!

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