https://github.com/simonescob/multi-step-form
A modern multi-step form application built with Next.js, React, and Redux Toolkit
https://github.com/simonescob/multi-step-form
ai deepseek nextjs reactjs tailwindcss
Last synced: 5 months ago
JSON representation
A modern multi-step form application built with Next.js, React, and Redux Toolkit
- Host: GitHub
- URL: https://github.com/simonescob/multi-step-form
- Owner: simonescob
- License: gpl-3.0
- Created: 2025-02-07T23:27:07.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-02-10T17:00:46.000Z (10 months ago)
- Last Synced: 2025-05-21T10:14:43.007Z (7 months ago)
- Topics: ai, deepseek, nextjs, reactjs, tailwindcss
- Language: TypeScript
- Homepage:
- Size: 107 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Multi-Step Form Project
This is a multi-step form application built with Next.js, React, and Redux Toolkit. The project includes form validation using Zod and React Hook Form, and state management with Redux.
## Features
- Multi-step form with 4 steps:
1. Personal Information
2. Plan Selection
3. Add-Ons
4. Summary
- Form validation using Zod schemas
- State management with Redux Toolkit
- Responsive design with Tailwind CSS
- TypeScript support
## Technologies Used
- Next.js 15.1.6
- React 19
- Redux Toolkit
- React Hook Form
- Zod
- Tailwind CSS
- TypeScript
## Getting Started
### Prerequisites
- Node.js (v18 or higher)
- npm or yarn
### Installation
1. Clone the repository:
```bash
git clone https://github.com/simonescob/multi-step-form.git
cd multi-step-form
```
2. Install dependencies:
```bash
npm install
```
### Running the Application
```bash
npm run dev
```
### Running the Tests
```bash
npm test
```
### Running the Lint
```bash
npm run lint
```