Favorites
b/udemy1edited 6 months agobyELKinG

Next.Js 14 Event Booking Application

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

Next.Js 14 Event Booking Application

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

All comments

    Load more replies

    Join the conversation!

    Log in or Sign up
    to post a comment.