Contact form with React and Tailwindcss 4.x

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

In this challenge, I refreshed how to groom global parameters in vite based on tailwind 4.x version, such as setting custom fonts, setting custom colours to ensure consistency with the design in Figma.

In addition, I reviewed and strengthened the semantic html construction of native forms, inputs, and for the first time, I completed form validation on the front-end. Finally, I used the Sonner component and customised the Toast style by studying the documentation.

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

The biggest challenge was how to check the form, so I had to turn to chatGPT, which is not necessarily the best practise, but it got the job done.

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

1. tailwind 4.x integration.
2. form data verificaiton