

FlightEasy - Flight Booking Web App with AdminFlightEasy - Flight Booking Web App with Admin
Full-stack flight booking app with search, booking, payments, PDF tickets & admin panel built using Next.js, Prisma & Post
FlightEasy - Flight Booking Web App with Admin
Full-stack flight booking app with search, booking, payments, PDF tickets & admin panel built...
Overview
FlightEasy is a modern full-stack flight booking web application built with Next.js, PostgreSQL, and Prisma ORM.
It allows users to search flights, book tickets, make payments via Stripe, and download PDF tickets with QR codes. The application also includes a powerful admin panel to manage users, bookings, support messages, and travel deals.
The project is built with a responsive UI using Tailwind CSS, integrates Stripe for payments, Tawk.to for live chat, and provides mock flight data which can be replaced with real APIs (Amadeus, Skyscanner, Travelpayouts).
Perfect for startups, travel agencies, or anyone looking to launch a flight booking system quickly.
Features
- User authentication (signup, login, profile management)
- Flight search with filters (price, airline, duration)
- Booking workflow with passenger details & passport info
- Stripe payment integration (test mode)
- PDF ticket with unique QR code
- User dashboard with booking history & analytics
- Deals & destinations page
- Live chat (preset + Tawk.to support)
- Admin panel: manage users, bookings, messages & deals
- Responsive design (mobile-first with Tailwind)
- Charts & analytics with Recharts
- Ready-to-deploy on Vercel, Netlify, or any Node.js host
Requirements
- Node.js 18+
- PostgreSQL (local or cloud, e.g., Supabase, Neon)
- Stripe account (test or live keys)
- Modern browser (Chrome, Edge, Safari, Firefox)
Instructions
Installation Guide
1. Clone & Extract
Download the project ZIP from CodeCanyon and extract.
Or clone from Git (if repo available):
git clone
cd flighteasy
2. Install Dependencies
Navigate into the FlightEasy folder and install packages:
npm install
3. Setup Database
Make sure PostgreSQL is running locally or on a cloud provider. Create a new database:
CREATE DATABASE flighteasy;
4. Configure Environment Variables
Inside FlightEasy/, create a .env file:
DATABASE_URL="postgresql://username:password@localhost:5432/flighteasy?schema=public"
NEXTAUTH_SECRET="your_random_secret"
NEXT_PUBLIC_BASE_URL="http://localhost:3000"
STRIPE_SECRET_KEY="your_stripe_secret_key"
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY="your_stripe_public_key"
# Optional: Tawk.to live chat widget
# Replace with your Tawk.to Property ID / Widget ID
NEXT_PUBLIC_TAWKTO_PROPERTY_ID="your_tawkto_property_id"
⚠️ Replace values with your real credentials.
5. Run Database Migrations
npx prisma generate
npx prisma migrate dev --name init
6. Run Development Server
npm run dev
Visit http://localhost:3000
7. Production Build
For deployment (Vercel, Netlify, custom server):
npm run build
npm run start
Category | Scripts & Code / NodeJS |
First release | 2 September 2025 |
Last update | 2 September 2025 |
Files included | .css, .html, .sql, Layered .png, .dat, Javascript .js |
Tags | admin panel, travel agency, booking system, travel app, NodeJS, prisma, react, Stripe Payment, qr code, nextjs, tailwind, flight booking, postgres, pdf ticket, full stack app |