Submitted about 2 years ago

Crowdfunding Product Page with React and Redux Toolkit

Asha•1,210

@livinglifemeaning

Preview site View code

This is a solution for...Crowdfunding product page

HTML
CSS
JS

2junior

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•460
@Babacar-CissPosted about 2 years ago
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
@livinglifemeaningPosted about 2 years ago
@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

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