/Vision-Airlines

Airlines Site using MERN Stack with Redux For State Management

Primary LanguageJavaScript

Vision Airplane Management System ✈️

Overview

Welcome to the Vision Airlines! This application is built using the MERN Stack, Vite, Redux, and Framer Motion to deliver a seamless and responsive experience for managing flight bookings. Users can effortlessly search for flights, book tickets, and download them for their travels.

Features

  • Flight Search: Quickly find available flights based on your preferred departure and arrival locations, date, and time.
  • Ticket Booking: Easily book tickets with just a few clicks. The app ensures a smooth and intuitive booking process.
  • Download Tickets: After booking, users can download their tickets directly from the app for convenience.
  • Smooth Animations: Enhanced user experience with Framer Motion, providing fluid and engaging animations throughout the app.
  • State Management: Efficient state management with Redux ensures a fast and responsive UI, even with large datasets.

Tech Stack

  • Frontend:

    • Vite: For fast development and optimized builds.
    • React: The core of our UI, providing a modular and reusable component-based architecture.
    • Redux: Manages the state of the application, ensuring consistency across the UI.
    • Framer Motion: Adds smooth and appealing animations to enhance user interaction.

  • Backend:

    • Node.js: Provides the runtime environment for executing JavaScript code on the server side.
    • Express: A minimalist web framework for building robust RESTful APIs.
    • MongoDB: A NoSQL database that stores all flight, user, and booking data.
    • Mongoose: An Object Data Modeling (ODM) library for MongoDB, providing schema-based solutions to model our data.

Getting Started

Prerequisites

  • Node.js & npm: Ensure that Node.js and npm are installed on your machine.
  • MongoDB: You'll need a running MongoDB instance to store flight and user data.

Installation

  1. Clone the repository:

    git clone https://github.com/yourusername/airplane-management-system.git
cd airplane-management-system

  2. Install dependencies:

    npm install

  3. Set up environment variables: Create a .env file in the root directory and add the following: MONGO_URI=your_mongodb_connection_string JWT_SECRET=your_jwt_secret

  4. Run the development server:

npm run dev
  1. Start the backend server:
npm run server
  1. Access the application: Open your browser and navigate to http://localhost:3000.

Usage

  • Search Flights: Enter your travel details in the search form and browse through the available flights.
  • Book Tickets: Select your desired flight and proceed with the booking process.
  • Download Tickets: After booking, your ticket will be available for download.

Contributions

Contributions are welcome! Feel free to fork this repository, create a feature branch, and submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.