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

Notifications page using React and styled-components

@Jorge-sanchez09

Desktop design screenshot for the Notifications page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

As a first-time practice using React and styled-components, I think I handled it decently. The only thing I'd like to change is the way I'm managing the notification component's state as I'm re-rendering the whole app every time a notification changes its "readed" prop.

What challenges did you encounter, and how did you overcome them?

What I struggled with the most was the markup for notifications of different types, I had to modify the container's classes and adjust the component's flow direction based on the link of the notification (text, image or message).

What specific areas of your project would you like help with?

I'd like to know if there's anything that could be done to improve the functionality, abstraction, state management, markup and/or styling of my React components.

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