Next.Js 14 Event Booking Application
Last updated 11/2023
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz
Language: English | Size: 7.25 GB | Duration: 9h 12m
Build a real-time Event Booking App with latest and cutting-edge technologies Next JS , MongoDB , Clerk Auth , Next UI
What you'll learn
Building a real world project with Next 14
Using latest concepts of Next JS like app router , api routes , middlewares , layouts etc
Working with Clerk Auth for Authentication , Authorization and Protected Routes
Working with MongoDB for efficient data storage and retrieval.
Connect with firebase and nextjs for media upload functionality
Deploying nextjs applications to vercel
Master nextjs server components by building all the pages using SSR
Requirements
Next JS Basics
React
Core Javascript
Description
Hello, Welcome to the course Next.js 14 Event Booking AppCertainly, I'd be happy to elaborate on the features included in the Next JS v14 Event Booking Application 2023 course.Create a new Next.js app and understand the folder structure: Begin by setting up a Next.js application, gaining a comprehensive understanding of its folder organization to ensure a solid foundation for development.Implement authentication, authorization, and protected routes: Secure your application by incorporating robust authentication and authorization mechanisms, and establish protected routes to control access to different parts of the app based on user roles.Connect our Next.js app to MongoDB: Integrate MongoDB as the database for your Next.js application, ensuring seamless communication and efficient data storage.A user with admin access will be able to create, edit, and delete new events: Grant administrative users the capability to manage events by creating, modifying, or removing them, providing full control over the event management process.Once an event is created, it will be available to end users for booking: Enable events to be immediately accessible for booking by end users upon creation, fostering a streamlined and user-friendly booking experience.End users can view all available events in the portal and book events by paying online using the Stripe payment gateway: Enhance user experience by presenting a comprehensive list of available events, and facilitate online bookings with secure payments through the integration of the Stripe payment gateway.End users can view their booked events after booking: Allow end users to conveniently track and view the events they have booked, providing transparency and easy access to their event history.Admin can view all user bookings: Provide administrators with a centralized view of all user bookings, facilitating efficient management and oversight of the booking system.Admin can cancel bookings and release tickets based on end user requests: Empower administrators to respond to end user requests by canceling bookings and releasing tickets when necessary, ensuring flexibility and customer satisfaction.Admin can view reports for every event, such as the number of tickets sold and the revenue collected, etc.: Enable administrators to access comprehensive reports for each event, including key metrics such as ticket sales and revenue, allowing for informed decision-making and event performance analysis.
Overview
Section 1: Introduction
Lecture 1 Project Setup
Lecture 2 Folder Structure and NPM Modules
Lecture 3 Next UI
Lecture 4 Overriding Next UI
Section 2: Authentication
Lecture 5 Clerk Auth Intro
Lecture 6 Implement Authentication - 1
Lecture 7 Implement Authentication - 2
Section 3: Mongo DB Connection
Lecture 8 Connect Next App to Mongo DB
Lecture 9 User Model
Lecture 10 Store Current User To Mongo DB
Section 4: Layout
Lecture 11 Layout - Part 1
Lecture 12 Layout Part - 2
Section 5: Add Event UI
Lecture 13 Intro
Lecture 14 Add Event Page
Lecture 15 Event Form Steps
Lecture 16 Event Form - General Details
Lecture 17 Event Form - Guests
Lecture 18 Event Form - Location , Date , Time
Lecture 19 Event Form - Firebase Integration
Lecture 20 Event Form - Media
Lecture 21 Event Form Step - Ticket types
Lecture 22 Event Form Final Structure
Section 6: Add Event API
Lecture 23 Event Model
Lecture 24 Add Event API
Section 7: Edit and Delete Events
Lecture 25 Get Events
Lecture 26 Show Events
Lecture 27 Edit Event - 1
Lecture 28 Edit Event - 2
Lecture 29 Delete Event
Section 8: Show Events
Lecture 30 Show Events in Homepage
Lecture 31 Single Event Page
Lecture 32 Show Ticket Types
Lecture 33 Calculate Total Amount
Section 9: Payment Gateway Integration
Lecture 34 Stripe Intro
Lecture 35 Get Client Secret
Lecture 36 Make Payment
Lecture 37 Save Booking
Lecture 38 Adjust tickets limits
Section 10: Show Bookings
Lecture 39 User Bookings
Lecture 40 Admin Bookings
Section 11: Cancel Booking
Lecture 41 Cancel Booking - UI
Lecture 42 Cancel Booking - API
Section 12: Event Reports
Lecture 43 Reports - 1
Lecture 44 Reports - 2
Section 13: Filters
Lecture 45 Filters UI
Lecture 46 Filters API
Section 14: Responsiveness
Lecture 47 Responsiveness Part -1
Lecture 48 Responsiveness Part -2
Section 15: Deployment and Bug Fixes
Lecture 49 Deploy To Vercel & Github Repo
Lecture 50 Bug Fix
Next JS Developers,Fullstack Developers,Frontend Developers
Screenshots
Homepage
without You and Your Support We Can’t Continue
Thanks for Buying Premium From My Links for Support
Click >>here & Visit My Blog Daily for More Udemy Tutorial. If You Need Update or Links Dead Don't Wait Just Pm Me or Leave Comment at This Post
Download from free file storage
Resolve the captcha to access the links!
Registered members don't get captcha ... just sayin