Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Contact-Form using Vue 3 Composition API and Vuetify

@thentrsfs

Desktop design screenshot for the Contact form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

This project is a simple contact form built with Vue 3 and Vuetify. It demonstrates form validation, handling user input, and displaying success messages upon successful form submission.

Features: Responsive design using Vuetify's grid system Form validation with custom error messages Success message display upon successful form submission Conditional rendering of components Dynamic styling based on user interactions

Technologies Used: Vue 3 Vuetify JavaScript HTML CSS

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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