https://github.com/wonderstk/multi-step-form

This project is a responsive multi-step form built with React and styled using Tailwind CSS. It provides users with a seamless experience to input their information, select a plan, choose add-ons, and review their selections before submission.
https://github.com/wonderstk/multi-step-form

context-api javascript postcss react tailwindcss

Last synced: about 1 month ago
JSON representation

This project is a responsive multi-step form built with React and styled using Tailwind CSS. It provides users with a seamless experience to input their information, select a plan, choose add-ons, and review their selections before submission.

• Host: GitHub
• URL: https://github.com/wonderstk/multi-step-form
• Owner: WonderSTK
• Created: 2024-12-01T13:35:39.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2024-12-01T13:59:32.000Z (about 1 month ago)
• Last Synced: 2024-12-01T14:35:56.583Z (about 1 month ago)
• Topics: context-api, javascript, postcss, react, tailwindcss
• Language: JavaScript
• Homepage: https://multi-step-form-six-psi.vercel.app
• Size: 0 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Multi-Step Form

## Overview

This project is a responsive multi-step form built with React and styled using Tailwind CSS. It provides users with a seamless experience to input their information, select a plan, choose add-ons, and review their selections before submission.

## Features

- Multi-step form with 4 main steps:

  1. Personal Info

  2. Select Plan

  3. Add-Ons

  4. Summary

- Responsive design for both desktop and mobile devices

- Form validation and error handling

- Interactive UI elements (toggle switches, radio buttons, etc.)

- Summary page with option to modify selections

## Technologies Used

- React

- JavaScript

- Tailwind CSS

- Context API for state management