Designo build with React+Typescript | TailwindCSS | react-hook-form

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

I feel proud for completing this Huge Multi-page website and i feel more motivated to build even more big project soon.

In this Project i worked with the following libraries

• React+Typescript
• TailwindCSS ( responsive design and styling the website)
• react-router
• react-leaflet ( rendering the Map and selecting locations)
• react-hook-form ( tracking state of the form)
• zod (schema base validation for form)
• react-toastify ( send pop-up if form submission is successful )
• react-helmet-async ( change page title dynamically when routing)
• framer-motion ( add smooth animation when routing and toggling sidebar)
• react-icons ( getting free svg icons)

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

Working with react-leaflet, it was my first time working with this library and i did not understand it at first. but eventually i manage to see the direction.

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

In mobile device , the sidebar is not appearing in Location page. i think my the Map has a highest z-index above all element on the page, but i dnt know how to reduce it or find another way to show the sidebar.

Thanks for any feedback.