About The Project

This project is for a university course, alongside this what motivated us to put effort in it is that it enhanced our skills and made us more aware of github and MERN STACK.

Course :

Advanced Computer Lab (CSEN 704/ DMET706) , Winter 2021.

Theme :

The project is all about an online airline reservation system, through our website a guest could search for flights, get informed about the prices and available seats, however a user can reserve, edit his reservation, pay in addition to everything a guest can do.

Overview :

We implement this project following the Agile methodology, as the project is divided into 3 sprints. Each sprint has a specific deadline and a specific amount of time. Through this period , we should deliver fully functioning code with specific System requirements which were function and non-functional.

Objectives :

  • Learn how to work and collaborate within a team on GitHub.
  • Learn how to use the MERN Stack and do a lot of research to master its concepts.
  • Learn how to develop software by following a specified set of System Requirements.
  • Learn how to correctly do a project and develop software using the Agile Methodology.

(back to top)

Tools and Frameworks :

We use MERN Stack to implement our Website. MERN stands for MongoDB, Express, React, Node.

Frontend :

####React.js : React is a front-end JavaScript library for creating user interfaces using UI components that is free and open-source. Meta and a community of individual developers and businesses support it. React can be used to create single-page or mobile applications as a foundation.
####Bootstrap : Bootstrap is a free and open-source CSS framework for front-end web development that is responsive and mobile-first. It includes design templates for typography, forms, buttons, navigation, and other interface elements that are based on CSS and JavaScript.
####MUI : MUI is a React User Interface Library. MUI is a comprehensive, flexible, and easily available library of foundational and advanced components that allows you to create your own design system and construct React apps more quickly.
####Ant Design : An enterprise-class UI design language and React UI library with a set of high-quality React components, one of best React UI library for enterprises.

Backend and Database:

####Node.js : Node.js is an open-source, cross-platform, back-end JavaScript runtime environment that runs on the V8 engine and executes JavaScript code outside a web browser.
####Express.js: Express.js or simply Express, is a back end web application framework for Node.js, released as free and open-source software under the MIT License. It is designed for building web applications and APIs. It has been called the de facto standard server framework for Node.js.
####MongoDB: MongoDB is a source-available cross-platform document-oriented database program. Classified as a NoSQL database program, MongoDB uses JSON-like documents with optional schemas. MongoDB is developed by MongoDB Inc. and licensed under the Server Side Public License.

(back to top)

Usage

![LoginPage]- This is a login form for users

![SignUpPage]- For guest users this is a form to fill his information and be a user

![SearchFlightPage]- For a guest or a user he can search for the flights available

![MyReservationPage]- Show details of a specific reservation of user

![AllReservationsPage]- shows all reservations of user

(back to top)

Roadmap

on the beginning of every sprint we met, divided the work and divided ourselves 2 groups, group of 3 and group of 2 and each member of the group worked in parallel with the other member. we used to join a zoom meeting everyday night for an hour or two to follow up with our work and discuss problems and try solve them. By the end of each sprint we always join everything together make some last changes and submit.

(back to top)

Credits

we always used geeksforgeeks and stackoverflow to help us with any problem, and they were always helpful and benefical to us https://stackoverflow.com https://www.geeksforgeeks.org

(back to top)

Contact

People responsible of the project: Menna Ahmed-->Email:(menatalah.abdelhamid@student.guc.edu.eg) Youssef Ashour --> Email:(youssef.ashour@student.guc.edu.eg) Mohamed Hossam--> Email:(mohamed.hosammohamed@student.guc.edu.eg) Ali --> Email:(Ali.elbarbary@student.guc.edu.eg) Abdrabo--> Email:(mahmod.abdelaziz@student.guc.edu.eg) Project Link: https://github.com/advanced-computer-lab/NA7O_5-40.git

(back to top)

Acknowledgments

(back to top)

[LoginPage]: WhatsApp Image 2021-12-25 at 11 06 30 PM [AllReservationsPage]:WhatsApp Image 2021-12-25 at 11 10 02 PM [SearchFlightPage]:WhatsApp Image 2021-12-25 at 11 06 49 PM

[SignUpPage]:WhatsApp Image 2021-12-25 at 11 07 02 PM

[MyReservationPage]:WhatsApp Image 2021-12-25 at 11 10 15 PM