Back to Browse

MERN Stack Event Booking Web App (OTP + Admin Panel + JWT Auth) with Code | React, MongoDB, Node JS

19.1K views
Mar 7, 2026
3:20:37

In this video, I built Eventora – a Full Stack MERN Event Booking Platform using React, Node.js, Express, and MongoDB. This project demonstrates how to create a production-ready event management and ticket booking system with features like OTP verification, secure authentication, admin dashboard, and booking approval workflow. Users can browse events, request ticket bookings with secure email OTP verification, and track their booking status through a personal dashboard. The platform also includes a powerful admin panel where organizers can create events, manage booking requests, confirm payments, and monitor analytics such as revenue, confirmed bookings, and pending requests. This project is perfect for developers who want to learn how to build a real-world full stack MERN application with authentication, role-based access control, and secure booking logic. 📚 Links & Resources for the video: -- GitHub Repo: https://github.com/ShivaMani02/Eventora-MERN -- My Website: https://theshivanshvasu.com/ -- Community Links: https://linktr.ee/shivanshvasu -- Telegram Channel (Daily Quizzes & Doubts): https://t.me/shivanshvasu ⏰ TIMESTAMPS: • Project Overview & Tech Stack: (0:00 - 8:27) • Introduction to MERN Stack Components: (8:28 - 16:25) • Installing Dependencies: (16:26 - 1:11:29) • Setting up Backend API Routes & Controllers: (1:11:30 - 1:26:40) • Event Model Creation: (1:26:41 - 1:29:01) • Implementing Event API Logic (Fetch, Update, Delete): (1:29:02 - 1:47:38) • Booking API Logic & OTP System: (1:47:39 - 1:57:31) • Backend Summary & Database Seeding: (1:57:32 - 2:05:18) • Frontend Setup & Tailwind CSS: (2:05:19 - 2:24:22) • Implementing Axios Interceptors (Auth): (2:24:23 - 2:40:18) • Building Homepage & Event Detail Page: (2:40:19 - 3:06:19) • Admin Dashboard Features: (3:06:20 - 3:13:21) • Final Project Showcase: (3:13:22 - 3:20:30) This is a Full Stack Project where we integrate: ⚛️ React.js (Frontend UI with Tailwind CSS) 🌐 Node.js + Express.js (Backend REST APIs) 🍃 MongoDB (Database for users, events, and bookings) 🔐 JWT Authentication + bcrypt (Secure login & role-based access) 📩 Nodemailer Email Service (OTP verification & booking confirmation emails) 📊 Admin Analytics Dashboard (Track revenue, bookings, and pending requests) 🔗 RESOURCES: 📍How Internet Works: https://www.youtube.com/playlist?list=PLFu6kWRx3ksM4OjqjGmuCIYkaqgqpoYOV 📍Full Stack Mastery Course: https://www.youtube.com/playlist?list=PLFu6kWRx3ksOcbWGmmVF_x5PIfJeU1RCA 📍Web Dev Techs: https://www.youtube.com/playlist?list=PLFu6kWRx3ksMytJ-SGUEjJ_hDJUSKFRPX 📍React Project Series: https://www.youtube.com/playlist?list=PLFu6kWRx3ksP3xAKmmYd_t6R2u4khfz1W 📍MERN Stack Course: https://www.youtube.com/playlist?list=PLFu6kWRx3ksPfECMh2kfFdJsQCeuyvkbX 📍ELEVATE - Web Dev Complete Course : https://www.youtube.com/playlist?list=PLFu6kWRx3ksMIQMrYq8naQMBc2TNuE9lc 📍System Design Complete Mastery Course : https://www.youtube.com/playlist?list=PLFu6kWRx3ksPc0yqMswJD5PGECAbATbXF 🔖 Tags/Topics Covered #MERN #FullStackProject #ReactProject #NodeJS #MongoDB #EventBooking #WebDevelopment #AdminDashboard #JWTAuthentication #MERNStack mern stack project, event booking system, event management system react, node js project react, node express mongodb project, full stack mern project, react node mongodb app, mern stack portfolio project, event ticket booking system, react event booking app, admin dashboard mern stack, otp verification node js, nodemailer email verification, jwt authentication project, react tailwind project, full stack web development project, mern stack tutorial, react node project for portfolio, booking system web app, event booking platform, react node mongodb project, ticket booking system, admin panel mern project, mongodb atlas project, full stack developer project, modern web app mern, event management web application, react js project with backend, node js backend project 🌐 Visit for Any Discussion, Collaboration or Business: https://theshivanshvasu.com/

Download

1 formats

Video Formats

360pmp4266.1 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

MERN Stack Event Booking Web App (OTP + Admin Panel + JWT Auth) with Code | React, MongoDB, Node JS | NatokHD