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

Osaro Iyoha 1,080

@osaaroh

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


Enjoyed working with React on this project. Started with classes at first, then I discovered hooks that made it wayyy easier. I still have some issues to fix which I will do on the next versions of this project, but this will do for now. If anyone has a recommendation for me, I’ll be very happy to listen.

##Issues To fix:

  • Radio button does not fire a false event when unchecked, so I need to find a work around to set my radio buttons inactive with Javascript
  • Add robust input validation (did only basic one to prevent undefined values)
  • Redo project with Redux/ContextAPI, to reduce the nested props
  •   Remove  // eslint-disable-next-line from modal component
    

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