Product preview page using React and MUI

Solution retrospective
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.
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
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@aflamiano-career
I applaud the use and practice of multiple libraries and I am not sure if its intentional or if you are just practicing but I would suggest to look into the <picture></picture> HTML tag for swapping out images depending on the media width. I see you made calculations to make it work on your approach and that is commendable.
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