This project implements a multi-step flight booking form using React and TypeScript. It guides users through various stages of booking a flight, collecting necessary information step-by-step, and providing a summary at the end. The form includes features like date pickers with validation, dynamic input fields, and a clear navigation flow
- Responsive Layout
- Multi-Step Navigation
- Form State Management
- Input Validation
- Summary View
- Next.js
- React
- TypeScript
- CSS Modules
- React Icons
Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.
-
Clone the repository:
git clone [https://github.com/nenshallom/Multi-step-form-validation] cd modern-admin-dashboard
-
Install dependencies:
npm install # or yarn install
-
Start the development server:
npm run dev # or yarn dev
-
Open in your browser: Open [http://localhost:3000] with your browser to see the result.
- User Authentication
- Form Reset: Add a button or mechanism to reset the form to its initial state.
- User Authentication: Add user login/registration.
- Backend Integration
- Accessibility improvements.
- Thematic options (light/dark mode).