{"id":30216757,"url":"https://github.com/mansoorcode/flight_booking_app","last_synced_at":"2025-08-14T03:50:10.072Z","repository":{"id":297460109,"uuid":"996845489","full_name":"ManSOorcode/Flight_Booking_App","owner":"ManSOorcode","description":null,"archived":false,"fork":false,"pushed_at":"2025-06-14T09:05:04.000Z","size":67,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-06-14T09:36:22.915Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://flight-booking-app-pi.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ManSOorcode.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-06-05T14:50:06.000Z","updated_at":"2025-06-14T09:05:07.000Z","dependencies_parsed_at":"2025-06-05T15:45:43.167Z","dependency_job_id":"4d6e35e8-eaa7-450a-a767-b232e29af159","html_url":"https://github.com/ManSOorcode/Flight_Booking_App","commit_stats":null,"previous_names":["mansoorcode/flight_booking_app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ManSOorcode/Flight_Booking_App","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManSOorcode%2FFlight_Booking_App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManSOorcode%2FFlight_Booking_App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManSOorcode%2FFlight_Booking_App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManSOorcode%2FFlight_Booking_App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ManSOorcode","download_url":"https://codeload.github.com/ManSOorcode/Flight_Booking_App/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ManSOorcode%2FFlight_Booking_App/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270359005,"owners_count":24570445,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-14T02:00:10.309Z","response_time":75,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-08-14T03:50:06.556Z","updated_at":"2025-08-14T03:50:10.037Z","avatar_url":"https://github.com/ManSOorcode.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ✈️ FlyMate – Flight Booking App\n\nA modern full-stack flight booking web application built using **React (Vite)** for frontend, **TailwindCSS** for styling, and **LocalStorage** for persistent booking/session data. This project simulates a booking system with features for both **users** and **admins**, including flight search, booking, payment simulation, session management, and more.\n\n---\n\n## 🚀 Features\n\n### 👤 User Panel\n\n- 🔍 Search flights with source, destination, date, and filters\n- 📄 View detailed flight information and booking UI\n- 🧾 Fill in passenger details and simulate payment\n- ✅ Booking confirmation modal with delay and redirect\n- 📑 View all your bookings on the \"My Bookings\" page\n- ⏳ Auto logout after 5 minutes of inactivity\n\n### 🛠️ Admin Panel\n\n- ➕ Add new flights to the system\n- 📋 View list of bookings made by users\n- 🧮 Flight and booking management using LocalStorage\n\n---\n\n## 🧰 Tech Stack\n\n| Technology                 | Use Case                                           |\n| -------------------------- | -------------------------------------------------- |\n| React (Vite)               | Frontend framework                                 |\n| TailwindCSS                | Styling                                            |\n| React Router               | Page routing                                       |\n| Formik + Yup               | Form validation                                    |\n| LocalStorage               | Data persistence                                   |\n| UUID                       | Unique booking IDs                                 |\n| Custom Hooks + Context API | State sharing (e.g. selected flight, user session) |\n\n---\n\n## 📂 Project Structure\n\n```\nsrc/\n│\n├── components/         # Shared components (modals, table, etc.)\n├── context/            # Context API for selected flight and auth\n├── layout/             # User and Admin layout components\n├── pages/              # Page views (Home, Booking, Payment, etc.)\n├── routes/              # Routes (Protected routes, App routes, Role base routes)\n├── types/              # TypeScript type definitions\n├── utils/              # Helper functions\n└── App.tsx             # Routing logic\n```\n\n---\n\n## 🧪 How to Run Locally\n\n```bash\n# 1. Clone the repo\ngit clone https://github.com/ManSOorcode/Flight_Booking_App.git\ncd flymate-booking-app\n\n# 2. Install dependencies\nnpm install\n\n# 3. Start development server\nnpm run dev\n```\n\n\u003e Visit `http://localhost:5173` to use the app.\n\n---\n\n## 📝 Notes\n\n- Admin can add flights via the Admin Panel UI.\n- All flight and booking data is stored in `localStorage`, so a browser refresh does not lose state.\n- Payment gateway is simulated (no real API calls).\n- Session timeout will auto-logout the user after 5 minutes of inactivity.\n\n---\n\n## 📸 Screenshots\n\nYou can add screenshots of:\n- User Home Page\n- Booking Page UI\n- Payment Modal\n- Admin Dashboard\n- My Bookings Page\n\n---\n\n## 📌 Future Enhancements (Ideas)\n\n- Add IndexedDB support for more complex data persistence\n- Implement real payment integration (e.g. Stripe)\n- Enable authentication with JWT\n- Add filters for flights (price, airline, layovers)\n- Backend support using Express + MongoDB\n\n---\n\n## 👨‍💻 Author\n\n\u003e **[Mansoor Khan]** – Frontend Developer  \n\u003e [GitHub](https://github.com/ManSOorcode) | [LinkedIn](https://www.linkedin.com/in/mansoor-khan-890311116)\n\n\n## 📸 Screenshots of Project\n\n### 🔐 Auth Pages\n\n\u003cp float=\"left\"\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/860cbfa8-7ab5-4701-999b-37775778560d\" width=\"300\"/\u003e\n  \u003cimg src=\"https://github.com/user-attachments/assets/c8b8faf4-5454-440d-93d5-5d6e7600acec\" width=\"300\"/\u003e\n\u003c/p\u003e\n\n**Login Page**\n\n\u003cimg src=\"https://github.com/user-attachments/assets/09b3372c-27bd-434d-b20c-b346a78a609f\" width=\"400\" /\u003e\n\n**Signup Page**\n\n\u003cimg src=\"https://github.com/user-attachments/assets/6b598d29-0458-4c35-a0a4-4185f7d1bfe8\" width=\"400\"/\u003e\n\n---\n\n### 🛠️ Admin Pages\n\n**Admin Dashboard**\n\n\u003cimg src=\"https://github.com/user-attachments/assets/cebb2731-0419-4f26-9481-503bdaba2de2\" width=\"400\"/\u003e\n\n**Manage Flights**\n\n\u003cimg src=\"https://github.com/user-attachments/assets/5eb90271-ba56-4c62-974e-42dc3eeac44b\" width=\"400\"/\u003e\n\n**View Bookings**\n\n\u003cimg src=\"https://github.com/user-attachments/assets/53fc8edd-0c3d-4153-9462-7697148b23fb\" width=\"400\"/\u003e\n\n---\n\n### 🧑‍💼 User Pages\n\n**User Home Page**\n\n\u003cimg src=\"https://github.com/user-attachments/assets/5e44ae1f-42c6-4b6c-9d67-244047dd3869\" width=\"400\"/\u003e\n\n**Booking Page**\n\n\u003cimg src=\"https://github.com/user-attachments/assets/9efd8395-6449-4dc2-83b6-7b5b28b74122\" width=\"400\"/\u003e\n\n**My Booking Page**\n\n\u003cimg src=\"https://github.com/user-attachments/assets/1806fba2-1e2f-41ce-aa22-3ff76152e9f1\" width=\"400\"/\u003e\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmansoorcode%2Fflight_booking_app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmansoorcode%2Fflight_booking_app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmansoorcode%2Fflight_booking_app/lists"}