Vibe- Event Discovery & Booking Platform with Admin Panel & Merchant Verification

Sometimes Envato’s live preview system temporarily breaks links. Please use the direct demo link with credentials mentioned below :

LIVE DEMO – Try Before You Buy!

Live Application: VIBE

Demo Credentials:>

Live Application: VIBE

• Email:webbuddy2024@gmail.com
• Password:webbuddy2024

Merchant Demo Credentials:> Merchant Login

• Email:arjun.merchant@vibe.com
• Password:Merchant@2025

Admin Demo Credentials:> Admin Login

• Email:admin@evento.com
• Password:admin123

Overview

Vibe is a sophisticated, production-ready Lifestyle and Travel Booking Platform designed to empower merchants and delight users. Built with the latest Next.js 14 and MongoDB, this application provides a seamless end-to-end solution for discovering and booking Events, Movies, Sports, and Activities, alongside an integrated AI Trip Planner. With a polished, responsive design and robust features like QR code check-in, secure Stripe payments, and real-time analytics, Vibe is the perfect foundation for your multi-service marketplace or startup.

⚠️ Important: External API Costs Disclaimer

Please note that this application relies on external third-party services which may incur costs based on your usage.

• Stripe – Standard transaction fees apply for processing payments and payouts.
• Cloudinary – Used for storing images and user avatars. A generous free tier is available.
• MongoDB Atlas – Database hosting. A free tier (M0) is available for development.
• Email Service (SMTP) – Requires an SMTP provider (like Gmail, SendGrid, or AWS SES) for transactional emails.
• OpenAI (Optional) – Required for AI Trip Planner functionality (standard API usage fees apply).

The purchase price of this application covers the source code only. You are responsible for configuring and maintaining these external service accounts.

Key Features

For Merchants

• Intuitive Dashboard: Get a bird’s-eye view of your sales, revenue, and bookings in real-time.
• Multi-Category Listings: Create pages for Events, Movie Screenings, Sports Matches, and Activities.
• Flexible Ticketing: Define multiple ticket tiers (e.g., Early Bird, VIP, General Admission) with specific prices and quantity limits.
• Attendee Management: View a comprehensive list of all ticket holders and their check-in status.
• Scanner Compatible: Verify tickets easily using the unique QR code on every ticket.

For Users

• Unified Discovery: Browse Events, Movies, Sports, and Activities in one place.
• AI Trip Planner: Generate personalized travel itineraries with destination and activity suggestions.
• Seamless Booking: Select tickets and checkout securely in seconds.
• Digital Wallet: Access purchased tickets anytime in a dedicated “My Tickets” wallet section.
• QR Code Check-in: Each ticket generates a unique secure QR code for instant verify-at-the-door entry.

For Admins

• Platform Ownership: Manage all users and merchants from a central panel.
• Revenue Tracking: Monitor total platform earnings and merchant payouts.
• Merchant Approval: Review and approve new merchant registrations to ensure quality.

Technical Highlights

• Modern Tech Stack: Built with Next.js 14 (App Router), React, and Tailwind CSS for high performance and SEO.
• Secure Authentication: Custom JWT-based authentication system with hashed passwords (bcrypt).
• Image Optimization: Automatic image optimization and delivery via Cloudinary.
• Responsive Design: Fully responsive UI that works perfectly on desktops, tablets, and mobile devices.
• Payment Integration: Full Stripe integration for secure payments and payouts.

Technical Specifications

Technology Stack

• Frontend: Next.js 14, React, Tailwind CSS
• Backend: Next.js API Routes (Serverless)
• Database: MongoDB (Mongoose ODM)
• Authentication: JWT (JSON Web Tokens)
• Payments: Stripe (Checkout & Connect)
• Storage: Cloudinary
• Emails: Nodemailer
• QR Codes: qrcode.react
• AI: OpenAI API (for Trip Planner)

System Requirements

• Node.js 18.x or higher
• MongoDB Database (Atlas or Local)
• Stripe Account
• Cloudinary Account
• SMTP Server Credentials
• OpenAI API Key (for Trip Planner features)

Installation and Setup

The package includes detailed, easy-to-follow documentation to help you get started quickly.

• Step-by-Step Installation: Guides for local development and deployment.
• Environment Configuration: Instructions for setting up .env.local for all API keys.
• Service Setup: Dedicated guides for getting keys from Stripe, Cloudinary, and OpenAI.
• Customization: How to change branding colors, logos, and business logic.

What’s Included

• Full Source Code: 100% accessible logic, ready to customize.
• Documentation: Comprehensive guides covering setup and features.
• Deployment Ready: Pre-configured for easy deployment to Vercel or standard Node.js environments.
• Future Updates: Free updates for bugs and compatibility improvements.

Support

We are committed to helping you succeed. If you encounter any issues or have questions about the setup, please refer to the included documentation or contact our support team.