A comprehensive trip-booking platform that allows users to discover, explore, and book curated backpacking trips.
Backpack Junction is a full-stack web application designed for a seamless travel booking experience. It features an admin dashboard for trip management, secure payment processing, automated email confirmations, and an engaging, animation-rich user interface.
- Frontend: Next.js 16 (App Router), React, Tailwind CSS, Framer Motion (animations), Lucide React (icons)
- Backend: Node.js, Next.js API Routes (Serverless Functions)
- Database & Storage: MongoDB (with Mongoose), Cloudinary (for cloud image hosting)
- Authentication: NextAuth.js (Credentials & OAuth - Google)
- Payments: Razorpay Integration & Manual Bank Transfers
- Email: Nodemailer (for booking confirmations and tickets)
- Maps: React Leaflet
- Rich Text Editing: Tiptap Editor
- Dynamic Trip Browsing: Explore trips with detailed itineraries, interactive maps, beautiful image galleries, and pricing details.
- Secure Booking Flow: Integrated Razorpay payment gateway for seamless online transactions, plus manual bank transfer options with screenshot uploads.
- User Authentication: Secure login using NextAuth with support for both traditional email/password and Google single sign-on (SSO).
- User Dashboard: Dedicated portal for users to view their booking history, manage their profiles, and download booking invoices.
- Admin Dashboard: A comprehensive backend interface for administrators to create, edit, and delete trips, manage bookings, verify manual payments, and upload trip media via Cloudinary.
- Automated Communications: Automated email confirmations and PDF tickets sent via Nodemailer upon successful booking or payment verification.
- Responsive & Animated UI: A fully responsive design powered by Tailwind CSS, with smooth scroll animations using Lenis and micro-interactions via Framer Motion.
- SEO & Performance Optimized: Leverages Next.js Server-Side Rendering (SSR) for lightning-fast load times and strong search engine visibility.