Skip to content
Submitted almost 3 years ago

Crowdfunding Product Page using JSONServer and ReduxToolkit

fetch, react, react-router, redux-toolkit, sass/scss
Clarence Onumajulu•400
@clarencejulu
A solution to the Crowdfunding product page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I decided to add a backend for this project using JSONServer and Heroku, to store the amount of items left, progress bar info etc. I also implemented localstorage to store whether the project has been bookmarked or not. Please review this project and let me know your honest opinions. Thank you in advance!

Code

Please log in to post a comment

Log in

Community feedback

  • Antoine C•1,240
    @mattari97

    Hello Clarence, what's up ? Good job completing this challenge 🎉🎉🎉 All basic styles (colors, typography, etc...) seems to be correct so nice work!

    I have 3 advices for you:

    • You should add the property cursor: pointer to all interactive elements, in this case all the links and buttons. This is a small detail that goes a long way for better user experience.

    Now to fix the issues in your report:

    • You should wrap both sections (home & about) in a main tag. You did it already for the header which is great!

    • Same for the <div id="wrongValue" class="notification"></div>. The parent container should be an aside element. It is the landmark you should use for all the elements outside of header, main or footer.

    Have a nice day/night. Peace 😊

    Marked as helpful

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