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 Redux Toolkit

Asha 1,210

@livinglifemeaning

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


Thanks for checking out my project! Edit: I finally got the remaining projects to update in both the modal and main page instead of one or the other by lifting the state and changing the data before passing it down. I can see this potentially being a bad way if one's data is large... Learn better ways to do this.

I really spent a lot of effort into getting the functionality right. Refreshing my redux knowledge was easy, I think just having more experience with using JavaScript allows a lot of things to come pretty naturally. I would say my main thing with this project is making components more leaner because they're a bit crowded. Edit: looks like screenshot doesn't have my progress bar styles. How to fix? Yikes.... Accessibility and html issues. Is color contrast new?

Community feedback

@Babacar-Ciss

Posted

hi dear ! Nice work but i see some issues :

  • stock of products doesn't update on "Back this project" modals
  • the Enter pledges field should be hidden until you click on a product pledge

Nice transition on the hamburger menu !

1

Asha 1,210

@livinglifemeaning

Posted

@Babacar-Ciss Thank you so much! Yeah, I am not sure what would be the solution to have my products update within the modal. I worked on it for a while and could only get it to work in one or the other. Any guidance on that would be much appreciated. Also, on my side, the pledge field is hidden until I click on it. Do you see it automatically?

0

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