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 Web App using ReactJS and Vite

Douo 940

@Douoo

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 proud of the result but not so much in terms of code structure. I believe I did a good job making the website look as close as the design yet when it came to organizing the code I was not happy and is not because the code has any problem in terms of syntax/semantics but because I don't believe it's cleanly organized. I will work on my code structure and organization in the coming projects

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

Since I do refactoring at the end of the project most of the time. I struggled a bit in creating reusable components and making decisions about whether some components are better refactored or left as they are. I know some people like to refactor a lot (down to the last element) but I don't like to refactor a component unless I will be using it in other places. Therefore, I just checked the design and tried making common widgets like IconButton, Button, Modal Dialog, Layout, and a project-specific component (like the pledge tile)

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

Like I said, I would love to learn more about writing clean code in ReactJS and also learn best practices when it comes to refactoring components.

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