Building a full stack Wedding Planner App using (react 19, node, mongodb & nest js)
In this video, we build and deploy a Full-Stack Wedding Planner using the MERN Stack 🚀. We leverage Next.js for a modern frontend, Nest.js for a scalable backend, and MongoDB for data management. This project includes role-based authentication, blogging features, and vendor services, making it a complete platform for planning and managing weddings efficiently. Whether you're a beginner or an experienced developer, this tutorial will guide you through building a production-ready application step by step. 🔥
✋ Stay connected:
Instagram: / codewithkrishna___
🧑💻 Source Code :
https://github.com/Krishna-sm/wedding...
👉 Key Features Covered:
✅ Full-Stack MERN Wedding Planner App Development
✅ React.js for Frontend UI
✅ Role Based Authentication
✅ Nest.js for Backend API
✅ MongoDB as a Database
✅ JWT Authentication (Login, Signup, Protected Routes)
✅ React Markdown Editor for Writing & Formatting Blogs
✅ Prism.js for Syntax Highlighting in Code Blocks
✅ Context API for Global State Management
✅ Deployment on a Free Server (Render & Vercel)
📖 TABLE OF CONTENT
00:00 intro
05:00 setup project
01:11 create next app
02:00 create nest app
03:50 Install Custom Google Fonts
07:54 tailwind css fonts
12:14 Setup Backend
12:31 Create MongoDB Altas String
18:00 MongoDB Models
23:22 MongoDB middleware
25:10 Auth Controller
26:30 Class Validator
30:45 Register User API
39:00 JWT Token & Service
43:40 Login User API
52:00 Auth Guard (nest Middleware)
59:14 Role Based Authentication(admin,vendor,user)
01:13:00 Setup Frontend (Next js 15.2)
01:19:00 Setup redux Toolkit
01:25:30 React Icons
01:29:50 Tailwind CSS Navbar
01:36:09 Responsive Register Page
01:42:40 Custom Auth Button
01:48:00 Formik & Yup (Form Validation)
01:54:25 React Toastify
01:57:10 Integrate Register API
01:59:40 Responsive Login Page
02:00:20 Integrate Login API
02:06:00 Integrate Profile API (Context API)
02:07:00 Page Loader Animation
02:09:30 Outro
Other Popular Videos:
► MongoDB : • How to Create and Connect MongoDB Atl...
► Next JS : • Next Js 14 Complete Full Stack Authe...
► Redux : • Next.js 14 Tutorial: Learn Redux With...
► Inventory Management System : • React Inventory Management System | M...
► Installation of Rust : • How to install Rust in Windows | Rus...
► MERN stack : • MERN Tutorial: Complete MERN Stack | ...
► NEST JS : • Nest JS Complete Tutorial With Projects
► MEVN Stack : • #1 Setup of MEVN Stack | #vue js Proj...
#Nextjs #ReactJS #NestJS #NodeJS #MongoDB #FullStackDevelopment #MERNStack #WebDevelopment #WeddingPlannerApp #BloggingPlatform #VendorServices #RoleBasedAuthentication #JWTAuthentication #SEO #APIDevelopment #FrontendDevelopment #BackendDevelopment #WebApp #TechTutorial #FullStackProject #CodeWithMe
check my Website (https://https://codewithkrishna.vercel.app)
i am creating with next js 14 with node js, express js
subscribe my channel
