React, TypeScript, Vite, and Tailwind CSS

Solution retrospective
I'm most proud of building the dropdown navigation with React state and making the navigation items and client logos data-driven instead of hard-coding them. I also implemented responsive images and a responsive mobile/desktop layout.
Next time, I would plan the dropdown state and component structure earlier. I spent some time restructuring the navigation logic, so thinking through the state and UI relationships first would make the implementation more efficient.
What challenges did you encounter, and how did you overcome them?The main challenge I encountered was managing the dropdown state so that the Features and Company menus could be opened independently. I initially used a single boolean state, which caused both dropdowns to use the same state. I fixed this by giving each dropdown its own state and using conditional rendering to control them.
What specific areas of your project would you like help with?I'd like feedback on my React state management, component structure, dropdown implementation, responsive design, and accessibility.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Piyush Kaushik’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