Amar-3/airport-portal

Amar Yadav

Logo Designer

Frontend Engineer

Airline Booking Management Project

This project is an Airline Booking Management System built using HTML, CSS, JavaScript, and JSON Server. It provides functionality for user login, signup, flight booking, and ticket confirmation.

Features

User authentication: Users can sign up and log in to access the booking functionality.

Flight booking: Users can book flights, specifying source, destination, date, class and number of passengers.

Ticket confirmation: Users receive a confirmation ticket with booking details.

Technologies Used

HTML

CSS

JavaScript

JSON Server

Screenshots

Signup Page

Login Page

Flight Booking Page

Available Flights Display Page

Ticket Confirmation Page

Getting Started

Clone the repository:

https://github.com/tusharag6/airport-portal.git

Install the dependencies:

cd airport-portal npm install

If you want to use local JSON Server not the deployed JSON Server then, change the url in case of fetching and posting to localhost:3000 in place of this url (https://airport-portal-api.onrender.com/) in the JS files

JSON Server GitHub : https://github.com/tusharag6/airport-portal-api

Start the JSON Server:

json-server --watch db.json

Open the index.html file in your web browser

Project Structure

signup.html : Landing page with signup form

login.html : Landing page with login form

booking.html : Flight booking page

flightDisplay.html : Available flights display page

ticketConf.html : Ticket confirmation page

css/ : Directory containing CSS stylesheets

js/ : Directory containing JavaScript files for different functionalities

img/ : Directory containing images

db.json: JSON database file containing flight and user data

screenshots/ : Directory for storing project screenshots

Like this project

Posted Dec 25, 2023

This project is an Airline Booking Management System built using HTML, CSS, JavaScript, and JSON Server. Deployed JSON Server : https://airport-portal-api.onre…

Likes

Views