https://github.com/flexycode/ctinfmgl_final_project
💫 CTINFMGL INFORMATION MANAGEMENT COM231
https://github.com/flexycode/ctinfmgl_final_project
dsa-algorithm final-project information-management javascript object-oriented-programming sql
Last synced: 2 months ago
JSON representation
💫 CTINFMGL INFORMATION MANAGEMENT COM231
- Host: GitHub
- URL: https://github.com/flexycode/ctinfmgl_final_project
- Owner: flexycode
- License: mit
- Created: 2025-01-28T18:57:16.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-03-17T16:00:56.000Z (4 months ago)
- Last Synced: 2025-03-31T16:25:53.049Z (4 months ago)
- Topics: dsa-algorithm, final-project, information-management, javascript, object-oriented-programming, sql
- Language: JavaScript
- Homepage: https://github.com/flexycode/CTINFMGL_FINAL_PROJECT
- Size: 20.9 MB
- Stars: 5
- Watchers: 1
- Forks: 3
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 💫 CTINFMGL INFORMATION MANAGEMENT
### Subject & Section: [CTINFMGL - COM231](https://www.youtube.com/watch?v=dQw4w9WgXcQ)
### Professor: 👩 [Jensen A. Santillan](https://www.youtube.com/watch?v=_kUFws-dHEI)
### No. of Units: [3 Units](https://www.youtube.com/watch?v=d_Z-neEBuWM)
### Prerequisite: [CCDATRCL - Data Structure and Algorithm](https://github.com/flexycode/CCDATRCL)
### Course Repo: [CTINFMGL - INFORMATION MANAGEMENT](https://github.com/flexycode/CTINFMGL)
# 📊 Table of Contents
- [Introduction](#-introduction)
- [Key Features](#-key-features)
- [Folder Structure](#-folder-structure)
- [Contributing](#-contributing)
- [License](#-license)
- [Acknowledgements](#-acknowledgements)
- [FAQ](#-faq)
- [Changelog](#-changelogs)
# 🧠 [Introduction](#introduction)
A flight booking web application designed to simplify the process of booking flights with the used of modern JavaScript techstacks
## 🏦 Case Study: Flight Booking App
Overview
The Flight Booking App is a web application designed to simplify the process of booking flights for users. The app allows users to search for flights, book tickets, manage their itineraries, and make payments seamlessly. The app also includes an admin panel for managing flights, users, and payments. The goal is to provide a user-friendly, efficient, and secure platform for flight bookings.
## ✨ Key Features
🚀 1. **User Authentication:** Users can create accounts, log in, and manage their profiles.
🚀 2. **Flight Search:** Users can search for flights based on destination, departure time, and other criteria.
🚀 3. **Booking Management:** Users can book flights, view their bookings, and cancel or modify them.
🚀 4. **Payment Integration:** Secure payment gateway integration for processing payments.
🚀 5. **Admin Panel:** Admins can manage flights, users, and payments.
## 💻 Techstacks
#### MERN STACK
* **Frontend:** [React.js](https://react.dev/) (JavaScript framework)
* **Backend:** [Node.js](https://nodejs.org/en) with [Express.js](https://expressjs.com/) (Node.js framework)
* **Database:** [MySQL](https://www.mysql.com/) for flexible use of SQL
* **Authentication:** JWT (JSON Web Tokens)
* **Payment Gateway:** Stripe or PayPal ( Not required!) we use local host authmanagement
* **Email:** Brevo API
* **State Management:** Redux or Context API
* **Styling:** CSS-in-JS (Styled-components) or Tailwind CSS
* **Deployment:** [Vercel](https://vercel.com/) (for Next.js) or [Heroku](https://www.heroku.com/) or [Dokploy](https://dokploy.com/#pricing)
## 🕵️ Resources
```
https://dokploy.com/#pricing)
```
# 💻 How to Run this Application
## 1️⃣👷 Install Dependencies
Run npm install to to install node modules
Also you direct already to frontend folder and run npm start
```
npm install
```
## 2️⃣🚀 Run React-app
Direct to frontend folder after you install the node modules
```
cd frontend
npm start
```
## 3️⃣🚍 Run Node.js
Open another terminal in the current codebase to run nodejs for VS Code or other IDE base on what you are using such as Webstorm
```
cd backend
node index.js
```
## 4️⃣ Connect Database
```
Connect MySQL dbs through Database repository folder
```
# 🚀 Screenshot of Project Overview
### 🌟 Design Overview
### 🌟 Search Flight
### 🌟 Background Video
## 🧊 Database Schema
#### SQL
```
See Database folder above
```
## 🧊 Data Insertion Example
sql
```
INSERT INTO `flights` (departure_city, arrival_city, flight_date, duration_hours, base_price, flight_status) VALUES
('New York', 'London', '2024-11-10', 7, 500.00, 'Full'),
('Los Angeles', 'Paris', '2024-11-11', 10, 900.00, 'Available');
INSERT INTO `users` (username, password_hash, role, email, phone_number) VALUES
('akosidogi', '$2b$10$yFTXogxecYrNSRLvFMb.dej4A4snSkHF72ZLItUjwrDFT16tlHCvK', 'admin', '[email protected]', '1234567890');
INSERT INTO `carts` (flight_id, user_id) VALUES
(1, 1);
INSERT INTO `seats` (flight_id, seat_number, class, status, seat_price) VALUES
(1, '1A', 'Economy', 'Available', 100.00),
(1, '1B', 'Economy', 'Booked', 100.00);
INSERT INTO `flight_names` (flight_id, region, name) VALUES
(1, 'Europe', 'Transatlantic Express');
```
# 🧊 Data Model
```
Description Coming Soon
```
## 🧊 Flow Chart
## 🧊 Entity Attribute Value Model
```
Entity Attribute Value Model will be uploaded in this section file after 💥 Myckle Vince fininish the Normalization
```
## 🧊 Normalization
```
Full Overview of Normalization is in the Folder of documentation
```
## 🧊 Entity Relationship Diagram
## 🧊 Sequence Diagram
## 🧊 Cloud Architecture
# 📁 Repository Structure
```
CTINFMGL_FINAL_PROJECT/
│
├── LICENSE
├── README.md
├── assets
│ ├── Cloud Architecture.png
│ ├── ERD Airline Reservation.jpg
│ ├── Entity Relationship Diagram - ALA.png
│ ├── Entity Relationship Diagram.png
│ ├── Flight Booking ERD DRAFT V2.png
│ ├── Flight Booking ERD Scratch .jpg
│ ├── Flow Chart.png
│ ├── Front Page.png
│ ├── Prof Jensen Project Consultation.jpg
│ ├── Search Flight 2.png
│ ├── Search Flight.png
│ ├── Sequence Diagram.png
│ ├── Table of Content.jpg
│ └── Video Page.png
├── backend
│ ├── auth
│ │ ├── adminAuth.js
│ │ └── userAuth.js
│ ├── config
│ │ ├── emailConfig.js
│ │ └── mutlerConfig.js
│ ├── controller
│ │ ├── cartController.js
│ │ ├── chatbotController.js
│ │ ├── emailController.js
│ │ ├── flightController.js
│ │ ├── seatController.js
│ │ └── userController.js
│ ├── database
│ │ └── Mysql.js
│ ├── index.js
│ ├── package-lock.json
│ ├── package.json
│ ├── routes
│ │ ├── cart.js
│ │ ├── chatbot.js
│ │ ├── email.js
│ │ ├── flights.js
│ │ ├── seat.js
│ │ └── user.js
│ ├── services
│ │ ├── cartService.js
│ │ ├── chatbotService.js
│ │ ├── emailService.js
│ │ ├── flightService.js
│ │ ├── seatService.js
│ │ └── userService.js
│ └── views
│ └── index.ejs
├── database
│ ├── carts_table.sql
│ ├── flight_names.sql
│ ├── flights_table.sql
│ ├── seats_table.sql
│ └── users_table.sql
├── documentation
│ ├── Normalization.pdf
│ └── images
│ ├── Normalization SS-1.png
│ ├── Normalization SS-2.png
│ └── Normalization SS-3.png
└── frontend
├── package-lock.json
├── package.json
├── public
│ ├── _redirects
│ ├── favicon.ico
│ ├── index.html
│ ├── manifest.json
│ └── robots.txt
└── src
├── App.css
├── App.js
├── App.test.js
├── apicalls
│ ├── emailAPICALL.js
│ └── seatAPICALL.js
├── components
│ ├── Admin-Add
│ │ ├── Admin_Add.css
│ │ └── Admin_Add.jsx
│ ├── Admin_Nav
│ │ ├── Admin_Nav.css
│ │ └── Admin_Nav.jsx
│ ├── Card
│ │ ├── Card.css
│ │ └── Card.jsx
│ ├── ChatBot
│ │ ├── Chatbot.css
│ │ └── Chatbot.jsx
│ ├── Checkout
│ │ ├── Checkout.css
│ │ └── Checkout.jsx
│ ├── FlightMap
│ │ ├── Flightmap.css
│ │ └── Flightmap.jsx
│ ├── Footer
│ │ ├── Footer.css
│ │ └── Footer.jsx
│ ├── ForgotPassword
│ │ └── ForgotPassword.jsx
│ ├── Nav
│ │ ├── Nav.css
│ │ └── Nav.jsx
│ ├── Search
│ │ ├── Search.css
│ │ └── Search.jsx
│ ├── Timeout
│ │ └── Session_Timeout.jsx
│ ├── Video
│ │ ├── Video.css
│ │ └── Video.jsx
│ ├── Welcome
│ │ ├── Welcome.css
│ │ └── Welcome.jsx
│ └── myFlights
│ ├── MyFlight.css
│ └── MyFlights.jsx
├── images
│ ├── berlin.png
│ ├── eye.svg
│ ├── github.svg
│ ├── gmail.svg
│ ├── hawaiiWelcome.jpg
│ ├── linkedin.svg
│ ├── live-chat.svg
│ ├── my-location.svg
│ ├── newyork.png
│ ├── paris.png
│ ├── password.svg
│ ├── philippineTrip - Trim.mp4
│ ├── philippineTrip.mp4
│ ├── philippinesWelcome.jpg
│ └── x-symbol.svg
├── index.css
├── index.js
├── logo.svg
├── pages
│ ├── Admin
│ │ ├── Admin.css
│ │ └── Admin.jsx
│ ├── Cart
│ │ ├── Cart.css
│ │ └── Cart.jsx
│ ├── Main
│ │ ├── Main.css
│ │ └── Main.jsx
│ ├── Profile
│ │ ├── Profile.css
│ │ └── Profile.jsx
│ ├── Register
│ │ ├── Register.css
│ │ └── Register.jsx
│ └── SignIn
│ ├── SignIn.css
│ └── SignIn.jsx
├── password.svg
├── reportWebVitals.js
├── setupTests.js
└── utilities
├── ScrollTop.js
└── scroll.js
```
# 🏆 Contributing
### Contributing
If you would like to contribute to the Flight Booking App, please follow these steps:
1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and commit them.
4. Push your changes to your forked repository.
5. Submit a pull request to the main repository.
### 🧠 Submitting Changes
🧠 Contributions are welcome! If you have ideas for improvements or want to add more exercises, follow these steps:
1. Fork the repository.
2. Create a new branch.
3. Make your changes and commit them.
4. Push to your fork and submit a pull request. 💕💕💕💕
### 👋 Contributors
### Special thanks to all my groupmates:
* #### 😎 [Jay Arre Talosig](https://github.com/flexycode) - Machine Learning Engineer | Blockchain Developer | Bioinformatics Scientist
* #### 🧭 [Custer Valencerina](https://github.com/Cegeurun) - Machine Learning Engineer | Full Stack Engineer | Front-End Developer
* #### 💥 [Myckle Vince Natividad](https://github.com/Kyelkyel) - Cybersecurity Forensic Engineer | Cloud Security Architect | Cyber Defense Forensic Analyst | Cybersecurity Scrum Master
* #### 🎲 [Angelo Castillo](https://github.com/gabcsx) - Network Security Engineer | Machine Learning Engineer | Security Forensic Analyst
* #### 🤖 [Neo Flores](https://github.com/moridin04) - Machine Learning Engineer | Network Engineer | DevOps Engineer
* #### 🌟 [Yeshua Venezuela](https://github.com/Yesh01) - Cyber Intelligence Specialist | Software Engineer | UI / UX Designer | Digital Forensic Analyst
# 🛸 FAQ
### 🛸 Reporting Issues
```bash
Some changes need to be address
- Fix Bug in the Frontend
- Fix Bug in the Backend
- CRUD operation management in SQL Workbench
```
###### 🤖 If you encounter any issues or have suggestions, please open an issue to let us know.
# 🔑 License
```
Coming Soon In the License tab
```
## National University of Manila License
The National University of Manila License grants permission to students of the National University of Manila to use, modify, and distribute this project for educational purposes within the scope of their coursework and assignments.
### Usage
- You may use this project as a reference or learning material for your studies at the National University of Manila.
- You may modify the project to suit your educational needs and requirements.
- You may share the project with your fellow students or instructors for educational purposes.
### Restrictions
- You may not use this project for commercial purposes.
- You may not redistribute or publish this project outside the National University of Manila without explicit permission.
## Disclaimer
This project is provided "as is" without warranty of any kind, express or implied. The National University of Manila and the project contributors disclaim any liability or responsibility for any direct, indirect, incidental, special, exemplary, or consequential damages arising out of the use or misuse of this project.
# 🔭 Acknowledgements
### ✨ Professor
Professor Mrs. Jensen Santillan is a highly respected academic and industry practitioner. Her expertise spans a wide range of areas, including Data Analytics, Data Science, Data Analysis, Data Structures, and Information Management. As a distinguished faculty member at the College of Computing and Information Technology at National University, she shares her knowledge and skills with students.
### ✨ CCIT Dean
Your dedication to advancing knowledge in this field and your commitment to educating future professionals have been invaluable. Thank you for your guidance, support, and the wealth of information you have shared. Your efforts have greatly enriched this final project and will undoubtedly have a lasting impact on all who engage with this repository.
# 📫 Changelogs
Chronological list of updates, bug fixes, new features, and other modifications for our Flight Booking Appplication.
## 💻 [01.1.5] - 2024-01-29
### Role & Project Management
- 💻 Final Project requirements for our project
- ✨ Create a repository for this Flight Booking App
- ✨ Brainstorming for our Project requirements
- ✨ [Jay Arre Talosig](https://github.com/flexycode) 💻 🚀 will be in-charge for Frontend Development & Technology stacks
- ✨ [Jay Arre Talosig](https://github.com/flexycode) 🧠 🔑 will be in-charge for Backend Development & Entity Relationship Diagram
- ✨ [Custer Valencerina](https://github.com/Cegeurun) 🧭 🧭 will be in-charge for SQL and debugging for backend, API and documentation
- ✨ [Myckle Vince Natividad](https://github.com/Kyelkyel) 💥 💥 will be also in-charge for SQL, Backend, documentation and Normalization
- ✨ [Angelo Castillo](https://github.com/gabcsx) 🎲🎲 will be in-charge for creating Entity Attributes View (EAV)
- ✨ [Neo Flores](https://github.com/moridin04) 🤖🤖 will be in-charge for creating the overall documentation of the Project
- ✨ [Yeshua Venezuela](https://github.com/Yesh01) 🌟🌟 will be in-charge for suggesting a good design in the Frontend User Interface
## 💻 [01.1.1] - 2024-01-29
### Activity
- ✨ Brainstorming on what database should we use
## 💻 [01.1.1] - 2024-01-31
### Added
- ✨ [Custer Valencerina](https://github.com/Cegeurun) Uploaded a schematic ERD Diagram from scratch and based on Draw.io
## 💻 [10.1.1] - 2025-02-01
### Activity
- ✨ [Angelo Castillo](https://github.com/gabcsx), [Myckle Vince Natividad](https://github.com/Kyelkyel), [Neo Flores](https://github.com/moridin04) revise the EAV model
- ✨ Uploaded the EAV model
## 💻 [01.1.1] - 2025-02-10
### Fix
- ✨ [Jay Arre Talosig](https://github.com/flexycode) Fixed Node modules for Flight Booking Client source codebase
## 💻 [01.1.2] - 2025-02-12
### Fix
- ✨ [Angelo Castillo](https://github.com/gabcsx) Fixed the EAV
- ✨ [Myckle Vince Natividad](https://github.com/Kyelkyel) Revise the Normalization table
### Changes
- ✨ Revise the Entity Attributes View model
## 💻 [01.1.2] - 2025-02-12
### Suggestion
- ✨ [Yeshua Venezuela](https://github.com/Yesh01) created a proof-of-concept design for our Front-end UI design.
## 💻 [01.1.2] - 2025-02-16
### Added
- ✨ [Jay Arre Talosig](https://github.com/flexycode) successfully added the FrontEnd (Client) for our Flight Booking
### Changes
- ✨ [Myckle Vince Natividad](https://github.com/Kyelkyel) , [Custer Valencerina](https://github.com/Cegeurun) Fixed the attributes for EAV and Normalization
- ✨ [Jay Arre Talosig](https://github.com/flexycode) Revise the Backend and database
## 💻 [01.1.2] - 2025-02-21
### Added
- ✨ [Jay Arre Talosig](https://github.com/flexycode) Revise the Entity Relationship Diagram
## 💻 [01.1.2] - 2025-02-23
### Added
- ✨ [Jay Arre Talosig](https://github.com/flexycode) Uploaded ERD
- ✨ [Jay Arre Talosig](https://github.com/flexycode) Uploaded the Screenshot for Flight Booking
- ✨ Push the Front-end folder
- ✨ [Jay Arre Talosig](https://github.com/flexycode) Update Changelogs for Flight Booking
- ✨ [Custer Valencerina](https://github.com/Cegeurun) added a constructive comment for a specific function in the frontend (client-side)
- ✨ [Myckle Vince Natividad](https://github.com/Kyelkyel) added a constructive comment for a specific function in the backend (server-side)
- ✨ [Neo Flores](https://github.com/moridin04) successfully created the Entity Attributes View
- ✨ [Angelo Castillo](https://github.com/gabcsx) created the first draft of the overall documentation
## 💻 [01.1.2] - 2025-02-24
### Added
- ✨ [Myckle Vince Natividad](https://github.com/Kyelkyel) successfully created the Normalization
- ✨ [Jay Arre Talosig](https://github.com/flexycode) Uploaded Normalization in the documenation folder
## 💻 [01.1.2] - 2025-03-05
### Added
- ✨ Thesis Project Deliveration for [CTINFMGL - INFORMATION MANAGEMENT](https://github.com/flexycode/CTINFMGL)
## 💻 [01.1.2] - 2025-03-07
### Integration
- ✨ [Custer Valencerina](https://github.com/Cegeurun) successfully created a codebase for a integration in [Brevo API for Email using node.js](https://github.com/Cegeurun/nodejsbrevo)
- ✨ [Jay Arre Talosig](https://github.com/flexycode) revise the folder tree structure
### Commit message for pushing or pull-request
🧊 Flight Booking Application
#### [Back to Table of Content](#-introduction)
---
