Responsive contact-form using TypeScript, React, Tailwind, Shadcn, Zod

Solution retrospective
I'm proud of successfully using a modern frontend stack, including TypeScript, Tailwind CSS, ShadCN/ui, React Hook Form, and Zod.
Next time, I'd like to build the toast notification system from scratch for learning purposes instead of relying on a library. I’d also consider adding a loading skeleton to enhance perceived performance and polish the UX.
What challenges did you encounter, and how did you overcome them?One of the main challenges was integrating toast notifications. I initially tried using sonner from ShadCN/ui, but it didn't align well with my design and layout needs. I resolved this by switching to react-hot-toast, which offered simpler styling and better flexibility in this case.
What specific areas of your project would you like help with?I'm not looking for help with anything specific right now, but I always welcome any suggestions or feedback on how the project could be improved.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Akiz-Ivanov'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