In travel industry, Flight Reservation systems are crucial to help book flights online for particular seats available from various flights and increase revenue, and to easy the process of reserving a flight ticket online in a very simple way. Build Status
The project is up, running and fully functioning, ready for users to reserve flights. Features
This project is supervised by Dr. Mervat Abo El-Kheir at The German University in Cairo. To start off, this is a modified implementation of an airline reservation system, adding new features while keeping a really simple UI, so that the user can easily navigate throught it and use it without affecting the experience making it a more compact and efficient code. Tech
[React]
[HTML]
[CSS]
[JavaScript]
[Axios]
[jsonwebtoken]
[mongoose]
[react-bootstrap]
[Bootstrap] - great UI boilerplate for modern web apps
node.js - evented I/O for the backend
Express - fast node.js network app framework @tjholowaychuk
jQuery - duh
“dependencies”: { “axios”: “^0.24.0”, “body-parser”: “^1.19.0”, “cors”: “^2.8.5”, “express”: “^4.17.1”, “jsonwebtoken”: “^8.5.1”, “mongodb”: “^4.1.4”, “mongoose”: “^6.0.12”, “mongoose-unique-validator”: “^3.0.0”, “nodemailer”: “^6.7.2”, “react-bootstrap”: “^2.0.2” }, “devDependencies”: { “dotenv”: “^10.0.0”, “nodemon”: “^2.0.14” Plugins
| GitHub | https://github.com/advanced-computer-lab/Bread-Board/blob/main/README.md | Development Want to contribute? Rate us out of five.
Open your favorite Terminal and run these commands cd .\src\backEnd\src node index In a second split Terminal run this npm Start
User can choose number of adults, number of children, departure and arrival airports and dates and choose cabin seats, for example, 2 adults, 2 children, departure airport is BER and arrival airport is CAI, departure date is 7/12/2021 and arrival date is 10/12/2021, and finally choose business seats. Either the user signs in if the user already has an account, sign up if the user does not have an existing account, or just sign in as a guest user. Guest users can only place a ticket reservation right away, while users can have their personal information stored,updated or deleted, view their reserved flights which are returned as a list of flight or just simply make a new ticket reservation.
https://www.youtube.com/watch?v=XKWJFpZYVAQ https://www.youtube.com/playlist?list=PLZlA0Gpn_vH_uZs4vJMIhcinABSTUH2bY https://www.youtube.com/playlist?list=PLZlA0Gpn_vH_uZs4vJMIhcinABSTUH2bY https://www.youtube.com/playlist?list=PLZlA0Gpn_vH-0FlQnruw2rd1HuiYJHHkm https://www.youtube.com/playlist?list=PLZlA0Gpn_vH_NT5zPVp18nGe_W9LqBDQK https://www.youtube.com/playlist?list=PLZlA0Gpn_vH8EtggFGERCwMY5u5hOjf-h https://www.youtube.com/watch?v=mbsmsi7l3r4 https://www.youtube.com/watch?v=-RCnNyD0L-s https://dev.to/salarc123/mern-stack-authentication-tutorial-part-1-the-backend-1c57 https://www.youtube.com/playlist?list=PLZlA0Gpn_vH_ma_XO-GLSpL9L06ii4mAp https://www.youtube.com/playlist?list=PLZlA0Gpn_vH_63f0HH-dUtkininO7GO6f https://egfwd.com/specializtion/advanced-web-development/?utm_source=YT-tactical&utm_medium=WD&utm_campaign=T3&wbraid=ClIKCQiAh_GNBhCyARJBAFcnauQRwwpA_hYhvrqO3WViRecGMY97Oyu7pEuqDOuxSvNUl14rvkbuRKbILFn2GTobiyyvjeZcUbOM9ghui2saAl7Q https://youtu.be/pcKY4hjDrxk https://youtu.be/pcKY4hjDrxk https://stripe.com/docs/payments/accept-a-payment
MIT
This project was bootstrapped with Create React App.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
Note: this is a one-way operation. Once you eject, you can’t go back!
If you aren’t satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.
Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
You don’t have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
You can learn more in the Create React App documentation.
To learn React, check out the React documentation.
This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting
This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size
This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app
This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration
This section has moved here: https://facebook.github.io/create-react-app/docs/deployment
This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify