This project is a solution to the Multi-Step Form challenge from Frontend Mentor. It is built using React.js, Tailwind CSS, Redux Toolkit for state management, and React Router for navigation.
The challenge was to create a multi-step form that allows users to complete each step, go back to a previous step, see a summary of their selections on the final step, and confirm their order. Users should also be able to view the optimal layout for the interface depending on their device's screen size and see hover and focus states for all interactive elements on the page. Additionally, form validation messages should be displayed if any field has been missed or if the email address is not correctly formatted.
- Multi-step form with navigation between steps.
- Form validation with error messages.
- Summary page to review selections.
- Responsive design for various screen sizes.
- Hover and focus states for interactive elements.
- React.js
- Tailwind CSS
- Redux Toolkit
- React Router
To get started with this project, follow these steps:
-
Clone the repository:
git clone https://github.com/Israa27/multistep-form.git
-
Install dependencies:
npm install
-
Start the development server:
npm start
- Israa Adnan
- GitHub: GitHub Profile