Multi-Step Form with Validation

A multi-step form built with Next.js (App Router) featuring form validation, state management and dark mode support.

Technologies Used

• Next.js (App Router)
• React Hook Form for form handling
• Zod for validation
• TailwindCSS for styling

Features

• Three-step form with validation
• Error messages under each field if validation fails
• Navigation between steps with "Next" and "Previous" buttons
• Summary page to review all entered data before submission
• Dark mode support using TailwindCSS
• Fully responsive design

Getting Started

Installation

1. Clone the repository

git clone https://github.com/yourusername/multi-step-form.git
cd multi-step-form

2. Install dependencies

npm install

3. Run the development server

npm run dev

4. Open http://localhost:3000 with your browser to see the result.

Live Link: https://multi-step-form-pxlhut.vercel.app/

GitHub Repo Link: https://github.com/rrishiddh/multi-step-form-pxlhut