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

Crowdfunding product page with React and Sass

@Jorge-sanchez09

Desktop design screenshot for the Crowdfunding product 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?

I'm satisfied with the approach I took using some of the React APIs, such as Context and Refs, as well as various Sass features I hadn't used in a while, like nesting, mixins, and partials.

Given my limited experience using React, I really don't know if I made the State management "fancy" enough. Therefore, I'd like to explore different code approaches that might be cleaner and readable.

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

What I struggled the most with was the State management. Considering the way I defined my functions and Context, I encountered more problems than I had anticipated. I overcame them by simply putting all the state functionality in the same Context file.

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

I'd like to hear tips, especially about the points mentioned earlier, specifically on how I can improve my state management solution. I'd also like to receive feedback about other aspects like styling, markup semantics, accesibility, etc.

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