TourHub is a complete travel booking platform built with Next.js, Tailwind CSS, Prisma, MongoDB, and Stripe.
It empowers users to explore, book, and manage tour packages while giving administrators powerful tools for package management, booking oversight, and real-time customer support.
This project is a showcase of modern full-stack development — from authentication and payments to real-time communication and file storage — designed with scalability, performance, and user experience in mind.
The travel industry thrives on trust, speed, and convenience.
My goal with TourHub was to create a feature-rich platform that not only allows smooth tour bookings but also demonstrates my ability to build production-grade applications.
Key goals:
- Create a seamless booking experience for users on any device.
- Implement secure payments using Stripe.
- Build a scalable backend capable of managing hundreds of packages and bookings.
- Offer real-time communication between travelers and admins.
- Showcase best practices in full-stack development.
| Feature | Description |
|---|---|
| User Authentication | Powered by Clerk for sign-up, sign-in, and session management. |
| Secure Payments | Stripe API integration for hassle-free payment processing. |
| Package Browsing & Booking | User-friendly interface to search and book tours. |
| Admin Dashboard | Manage tour packages, track bookings, and monitor activity. |
| Real-Time Chat | Crisp Chat integration for instant customer support. |
| Automated Emails | Booking confirmations & updates via EmailJS. |
| Cloud Storage | Images & documents stored securely via Edge Store. |
Frontend
- Next.js (App Router)
- React.js
- Tailwind CSS
- Framer Motion (Animations)
- TanStack Query (Data fetching)
Backend
- Node.js
- Express.js (REST API)
- Prisma ORM
- MongoDB
- Hosted on Vercel (Edge Functions)
Integrations
- Clerk (Authentication)
- Stripe (Payments)
- EmailJS (Emails)
- Crisp (Live Chat)
- Edge Store (File Storage)
| Home Page | Packages Page |
|---|---|
 |
 |
| Why Choose |
|---|
 |
| Admin Dashboard | Invoice |
|---|---|
 |
 |
- Frontend: TourHub-Frontend
- Backend: TourHub-Backend
- Performance Optimized: Images are optimized with Next.js image component and Edge Store CDN delivery.
- Secure Transactions: End-to-end encryption via Stripe & Clerk’s secure authentication flows.
- Scalable Backend: Prisma with MongoDB ensures flexible and scalable data handling.
- Responsive UI: Fully responsive with mobile-first design.
- Real-Time Interaction: Crisp chat keeps user engagement high.
Through TourHub, I strengthened:
- My full-stack problem-solving skills.
- Deep API integration experience (payments, authentication, storage).
- UI/UX thinking for conversion-focused design.
- Building production-ready applications from scratch.
I’m Monir Hossain Rabby, a Full Stack Developer with nearly 3 years of hands-on experience building web applications that are fast, scalable, and user-focused.
I specialize in Next.js, Tailwind CSS, Express.js, Prisma, MongoDB, and have a passion for turning complex problems into simple, elegant solutions.
📧 Email: monirhrabby.personal@gmail.com
💼 Portfolio: My Portfolio Website
🔗 LinkedIn: LinkedIn Profile
This project is licensed under the MIT License.