Skip to content
Submitted about 1 year ago

Product preview page using React and MUI

motion, material-ui, react, typescript
LVL 3
@AriArash44
A solution to the Product preview card component challenge

Solution retrospective


What are you most proud of, and what would you do differently next time?

Using MUI, React, and Framer Motion felt like a winning combination! These tools are not just powerful but also enjoyable to work with, and they truly elevate the project experience. I particularly loved integrating them seamlessly into my workflow.

One experiment I tried was using react-router-dom to create a custom 404 "Page Not Found" that worked flawlessly in my local development environment. However, when deployed on GitHub Pages, I discovered that GitHub does not support client-side routing. Next time, I plan to avoid implementing this feature on platforms with such limitations.

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

I faced some challenges due to forgetting minor syntaxes in React and MUI, which slowed me down a bit. To overcome this, I reviewed relevant documentation and examples, which refreshed my memory and got me back on the track.

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

I would greatly appreciate assistance with anything related to improving the project, especially:

  • Best practices for coding and architecture
  • Clean code strategies
  • Structuring the project for scalability and maintainability
Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Arash Asghari’s solution.

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