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

Multi Step Form

@murilonicemento

Desktop design screenshot for the Multi-step form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
4advanced
View challenge

Design comparison


SolutionDesign

Solution retrospective


This project is an example of a Multi-Step Form created using React, Typescript, Styled Components, Context API and Hook Form technologies. The purpose of this form is to capture user information in several steps, making the process easier and more intuitive.

To run this project, you will need to have Node.js installed on your computer.

To run the project, follow the instructions below:

  1. Clone the repository:
git clone https://github.com/murilonicemento/multi-step-form.git
  1. Install dependencies:
multi-step-form cd
npm install
  1. Start the development server:
npm run dev

The development server will start and the project will be available at http://localhost:3000.

If you want to contribute to the project, follow the instructions below:

  1. Fork the repository:

  2. Clone the forked repository:

git clone https://github.com/murilonicemento/multi-step-form.git
  1. Create a branch for your contribution:
git checkout -b my-contribution
  1. Make the desired changes and commit your changes:
git add .
git commit -m "My contribution"
  1. Push your changes to the forked repository:
git push origin my-contribution
  1. Open a pull request on the original repository.

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