Skip to content

Shafiquedev256/Multiple-step-form

Repository files navigation

Multiple Step Form with React, Vite, and Tailwind CSS

This project is a multiple step form built using React, Vite, and Tailwind CSS. It provides a seamless user experience by dividing the form into multiple steps, guiding users through the input process.

Technologies Used

  • React: Utilized for building the frontend components and managing the form state.
  • Vite: Used as the build tool for fast development and efficient bundling.
  • Tailwind CSS: Employed for styling and designing the form elements, providing a clean and modern UI.

Features

  • Multi-Step Form: Implemented a step-by-step form wizard for a better user experience.
  • Responsive Design: Ensured the form is fully responsive and accessible on various devices.
  • Form Validation: Added validation to ensure accurate and complete user inputs.
  • Optimized Build: Utilized Vite for optimized production-ready builds. live site

Getting Started

To run this project locally, follow these steps:

  1. Clone this repository.
  2. Install dependencies using npm install.
  3. Run the development server using npm run dev.
  4. Access the application in your browser at http://localhost:5173.

Usage

  • Follow the step-by-step instructions presented on the form.
  • Fill in the required information accurately at each step.
  • Upon completion, submit the form to proceed.

Acknowledgments

Special thanks to Frontend Mentor for the challenge inspiration.

Contributing

Contributions are welcome! Feel free to fork this repository and submit pull requests to suggest improvements or new features.

License

This project is licensed under the MIT License.