Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
😁This was absolutely a great project! There are many things I could have done differently when it comes to styling my components because I did repeat myself, however, for this project, I was more *focused on functionality and routing rather than design.
Lessons Learned from the Project
-
Routing:
- Implemented client-side routing using
react-router-dom
. - Configured the router to handle nested routes and dynamic path parameters.
- Addressed deployment-specific routing issues on GitHub Pages using a custom
404.html
.
- Implemented client-side routing using
-
State Management:
- Managed component state with the
useState
hook. - Dynamically updated UI based on state changes, ensuring responsive and interactive user experience.
- Managed component state with the
-
Dynamic Rendering:
- Rendered content dynamically based on user interactions, such as clicking on navigation links or tabs.
- Utilized conditional rendering and mapping over data arrays to generate dynamic lists and components.
- Maintained a clean and efficient component structure for readability and reusability.
-
Applying Animations:
- Integrated Framer Motion to add smooth animations to components.
- Applied different animation effects like fade, scale, and slide to enhance user experience.
Any feedback is greatly appreciated
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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