This project is a React application featuring a multiple-step form. It allows users to input personal information, select a subscription plan, choose add-ons, review a summary, and confirm their choices.
The application consists of several components:
- Info: Allows users to input their personal information.
- Select: Enables users to select a subscription plan.
- Add: Lets users choose add-ons for their subscription.
- Summary: Provides a summary of the user's selections.
- Finalstep: Displays a confirmation message after the user confirms their choices.
- React: Frontend library for building user interfaces.
- Context API: Used for managing global state across components.
- JavaScript: Programming language for interactivity and functionality.
- **Tailwind css:**Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.
- CSS: Stylesheets for styling the components.
- HTML: Structure and layout of the web pages.
-
Clone the repository to your local machine:
git clone https://github.com/0uali-Yassine/multistep-form-main.git
-
Navigate to the project directory:
cd multistep-form-main -
Install dependencies:
npm install
-
Start the development server:
npm start
-
Open your browser and visit http://localhost:3000 to view the website
- src/
- components/: Contains all React components.
- Context.js: Defines the global context and state management.
- App.js: Main component where different steps of the form are rendered.
- App.css: CSS styles for the application.
- Homepage:
Contributions are welcome! If you'd like to contribute to this project, please fork the repository, make your changes, and submit a pull request.
[Yassin Zerouali] - [https://github.com/0uali-Yassine]
This project is licensed under the MIT License - see the LICENSE file for details.