Space Tourism Website (React Js + Framer Motion)

Solution retrospective
😁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
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Victor'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