Multiple Form React App

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.

Components

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.

Technologies Used

• 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.

Setup

1. Clone the repository to your local machine:

   git clone https://github.com/0uali-Yassine/multistep-form-main.git
   

2. Navigate to the project directory:

   cd multistep-form-main
   

3. Install dependencies:

    npm install
   

4. Start the development server:

   npm start
   

5. Open your browser and visit http://localhost:3000 to view the website

Project Structure

• 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.

Screenshots

1. Homepage:

Contributing

Contributions are welcome! If you'd like to contribute to this project, please fork the repository, make your changes, and submit a pull request.

Author

[Yassin Zerouali] - [https://github.com/0uali-Yassine]

License

This project is licensed under the MIT License - see the LICENSE file for details.