leonardof02 / multi-step-form

A solution of frontendmentor.io challenge

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Frontend Mentor - Multi-step form

Design preview for the Multi-step form coding challenge

Welcome! 👋

Thanks for checking out this front-end coding challenge.

Frontend Mentor challenges help you improve your coding skills by building realistic projects.

To do this challenge, you need a good understanding of HTML, CSS and JavaScript.

The challenge

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

Want some support on the challenge? Join our Slack community and ask questions in the #help channel.

About

A solution of frontendmentor.io challenge


Languages

Language:TypeScript 60.6%Language:CSS 36.6%Language:HTML 1.6%Language:JavaScript 1.3%