Skip to content

nenshallom/Multi-step-form-validation

Repository files navigation

Multi Step Verification Form

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

🌟 Features

  • Responsive Layout
  • Multi-Step Navigation
  • Form State Management
  • Input Validation
  • Summary View

🚀 Technologies Used

  • Next.js
  • React
  • TypeScript
  • CSS Modules
  • React Icons

🛠️ Getting Started

Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.

Installation

  1. Clone the repository:

    git clone [https://github.com/nenshallom/Multi-step-form-validation]
    cd modern-admin-dashboard
  2. Install dependencies:

    npm install
    # or
    yarn install

Running the Development Server

  1. Start the development server:

    npm run dev
    # or
    yarn dev
  2. Open in your browser: Open [http://localhost:3000] with your browser to see the result.

🌐 Live Preview

View Live Demo

📈 Future Enhancements

  • 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).

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published