GithubHelp home page GithubHelp logo

craftingweb / airline-ticket-search Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 519 KB

A full stack web application that allows you to search for flight tickets available and make reservations. The flight tickets are limited per flight, so once tickets are sold out, customers will no longer be able to reserve a ticket. A receipt is given to customer afterwards as proof of reservation. A database is used to keep track of available

Home Page: https://air-ticket-app.vercel.app/

HTML 3.11% JavaScript 92.70% CSS 4.19%
java mongodb reactjs

airline-ticket-search's Introduction

Capstone Project: Airline Ticket! In our Object-Oriented Software Design class, our team, consisting of Enrique Barrios (https://github.com/EnriqueB5310), Tong Lin (https://github.com/tonglin2003), and myself, embarked on a thrilling journey to develop a full-stack web application named the Airline Ticket. This project aimed to streamline the process of searching for available flight tickets and making reservations. Let's dive into the details of our innovative endeavor.

Overview The Airline Ticket Project was conceptualized to provide users with a convenient platform to browse and reserve flight tickets. It offered real-time information on available flights while ensuring a smooth reservation process. Notably, the application had a limitation on ticket availability per flight, allowing customers to reserve tickets until they were sold out. Upon successful reservation, customers received a digital receipt as proof of their booking.

Technologies Used techstack Our frontend was built using React, providing a seamless and interactive user interface, and was hosted on Vercel. We utilized the Spring Boot Framework in Java for the backend development and was hosted on Render. Our database of choice was MongoDB. Other Tools: We leveraged Postman for testing API endpoints and ensuring smooth communication between frontend and backend. Project Lombok streamlined our development process by reducing boilerplate code. Dockerfile was used for containerization, ensuring consistent deployment across different environments.

Overcoming Challenges One of the hurdles we encountered was the CORS issue. This security feature arises when a frontend application hosted on one domain tries to access data from a backend hosted on another domain. Our frontend and backend were hosted separately, leading to CORS issues. Solution: Upon identifying the CORS issue, we conducted thorough research and found a solution on Stack Overflow. We implemented necessary configurations to resolve the CORS problem, ensuring smooth communication between the frontend and backend components of our application.

Our MVP encompassed essential features to provide users with a functional and user-friendly experience: Users could search for available flights to their desired destinations. A comprehensive list of flights, including dates, times, and locations, was displayed for users to select and reserve tickets. Users could reserve a ticket by entering basic information required for the booking process.

Conclusion Our journey in developing the Airline Ticket Project has been both challenging and rewarding. Through the implementation of various technologies and overcoming obstacles, we have created a functional web application that simplifies the flight ticket reservation process. As we look forward to future improvements and iterations, our goal remains to enhance user experience and provide a seamless platform for booking flight tickets. Screenshot 2023-12-07 at 12 36 53 PM Screenshot 2023-12-05 at 10 51 23 PM Screenshot 2023-12-05 at 10 51 54 PM

airline-ticket-search's People

Contributors

craftingweb avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.