Skip to content
Submitted almost 2 years ago

Simple contact form with responsive created by Vite and React

react, typescript, vite, material-ui
LVL 1
@shawnxiangji
A solution to the Contact form challenge

Solution retrospective


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

Applied tailwind and responsive at the same time. Actually haven't create responsive design from very beginning in the past, and firstly mainly use tailwind(before uses sass)

Plan to introduce sass next time, and finish quicker.

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

Know nothing on how to use react toastify, spent a long time configuring it. Chat-GPT helped me config it, the official doc is useless.

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

I always hesitate on finding the proper level of creating a custom component, same in this challenge.

For example, I created a Toast component to handle the notice, because I found the default style and content is not enough for request. But i was struggling whether create several predefined theme and color set and only let user to change the content, or user can change the color or everything by props.

I think the later is kind of meaningless since it's the same as writing a new component, so I finally choose the former solution. But I'm not sure it's a good enough one.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Shawn Ji’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