Skip to content
Submitted almost 2 years ago

Multi-steps form made with Vue and Vite

foxynoxy•470
@purplehippo911
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Multi-step form
  • HTML
  • CSS
  • JS
4advanced

Design comparison

SolutionDesign

Solution retrospective

What could I’ve done different or better?

How can I use Vuex or Pinia to save both the personal information, the chosen plans and the sums? A tutorial or an explanation would be helpful.

How do I use VeeValidate or any other option for the form validation?

Community feedback

  • Lucas Matheus•400
    @LukiticasPosted almost 2 years ago

    Hi foxynoty, you project looks phenomenal! i would just recommend checking your image tag and making sure it occupies all its container height then using object-fit: cover to make the image cover it.

    About your question, i made the same project using the tools you described, pinia and vuelidate (but its quite the same as veevalidate). Some tutorials that really helped me was the following:

    Marked as helpful
    0
    foxynoxy•470
    @purplehippo911Posted almost 2 years ago

    Hi @Lukiticas. Thank you so much, I really struggled with the background image and saving the information from both the form and the prices. I appreciate your help, and I’ll remember to check out your recommendations.

    0

Please log in to post a comment

Log in with GitHub

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