rickyb0127 / multi-step-form

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Multi-step Form

This is my solution to the challenge Multi-step form on Frontend Mentor

Overview

Brief Your challenge is to build out this multi-step form and get it looking as close to the design as possible.

You can use any tools you like to help you complete the challenge. So if you've got something you'd like to practice, feel free to give it a go.

Your users should be able to:

  • Complete each step of the sequence
  • Go back to a previous step to update their selections
  • See a summary of their selections on the final step and confirm their order
  • View the optimal layout for the interface depending on their device's screen size
  • See hover and focus states for all interactive elements on the page
  • Receive form validation messages if:
    • A field has been missed
    • The email address is not formatted correctly
    • A step is submitted, but no selection has been made

Links

Built With

  • React
  • Vite
  • Tailwind css

About


Languages

Language:JavaScript 88.0%Language:CSS 9.4%Language:HTML 2.6%