-
A multi step form made in Vue with Pinia, SCSS, and Tailwindcss.
-
This is a solution to the Multi-step form challenge on Frontend Mentor.
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
git clone [email protected]:matheusdoedev/multi-step-form-vue.git
npm install
# or
yarn
npm run dev
yarn dev
docker build -t multi-step-form-vue .
docker run -d -p 4173:4173 --name multi-step-form-vue multi-step-form-vue
npm install
# or
yarn
npm run build
yarn build
npm preview
yarn preview
- Fork it (<[email protected]:matheusdoedev/multi-step-form-vue.git>)
- Create your feature branch (
git checkout -b feat/fooBar
) - Commit your changes following conventional commits pattern (
git commit -am 'feat: add some feature'
) - Push to the branch (
git push origin feature/fooBar
) - Create a new Pull Request