Загрузка...

Full Stack React Project ( AI Events Organiser ) - Next JS, Tailwind, Mobbin, Shadcn UI 🔥🔥

🔗 Mobbin - https://mobbin.com/roadsidecoder
🔗 Coderabbit - https://coderabbit.link/coder
🔗 Convex - https://convex.link/roadsidecoder4
🔗 Clerk - https://go.clerk.com/K6uZqYJ
➡️ My Frontend Interview Course - https://roadsidecoder.com/course-details (50% Discount)

Build a Full Stack AI Event Management Platform SaaS in React 19 + Next JS 16 with Tailwind CSS, Convex, Clerk Authentication, Mobbin to plan and design our app, Code Rabbit for code reviews, Shadcn UI Tutorial. This is an amazing project for your resume which will impress recruiters a lot and showcase your skillset.

➡️ Next JS Course Form - https://forms.gle/ABmuVhYATuwhkcmVA
➡️ Source Code - https://github.com/piyush-eon/ai-event-organiser
➡️ Book a 1:1 call with me - https://topmate.io/roadsidecoder

👤 Join the RoadsideCoder Community Discord -
https://discord.gg/2ecgDwx5EE

🔗 React Hook Form Tutorial -
https://www.youtube.com/watch?v=qyzznUNe1ho

🔗 Job Portal Project Tutorial -
https://www.youtube.com/watch?v=2XF-HgauItk&list=PLKhlp2qtUcSZBJxjXbHBkE_3h5E31dDiu&index=2

🔗 Calendly Portal Project Tutorial -
https://www.youtube.com/watch?v=glAC7d-TYSM&list=PLKhlp2qtUcSZBJxjXbHBkE_3h5E31dDiu&index=3

🔗 MERN Stack Chat App Tutorial -
https://www.youtube.com/playlist?list=PLKhlp2qtUcSZsGkxAdgnPcHioRr-4guZf

🔗 Complete Data Structures and Algorithms with JS Course -
https://www.youtube.com/playlist?list=PLKhlp2qtUcSZtJefDThsXcsAbRBCSTgW4

🔗 JS Interview Series -
https://www.youtube.com/watch?v=oUWRxJ19gfE&list=PLKhlp2qtUcSaCVJEt4ogEFs6I41pNnMU5&index=1

🔗 Cars24 Interview Experience -
https://www.youtube.com/watch?v=vxggZffOqek&list=PLKhlp2qtUcSb_WQZC3sq9Vw3NC4DbreUL&index=2

🔗 Unacademy Interview Experience -
https://www.youtube.com/watch?v=abbdJ4Yfm54

🔗 React Beginner's Project Tutorials -
https://www.youtube.com/playlist?list=PLKhlp2qtUcSa_rX7glmB7HyFsEOEQa0Uk

#reactjstutorial #frontend #ReactJS
-------------------------------------------------------------------------

00:00:00 Intro
00:01:24 Setup Next JS with Shadcn UI
00:08:22 Creating App Layout
00:23:19 Planning the app Features and UI
00:30:26 Backend Setup
00:35:34 User Authentication
00:46:32 Protecting Routes in Proxy
00:49:46 Storing User Details in DB
01:07:13 Building Header
01:10:45 Doing AI Code Review
01:16:28 Database Design
01:18:51 Create Database Schema
01:22:46 Landing Page
01:29:49 Doing PR Code Review
01:33:58 Building Explore Page
01:39:19 Explore APIs
01:51:05 Custom Hooks for Query and Mutation
01:55:09 Explore UI
02:35:28 User Onboarding
03:02:52 Event Search and Location Switch
03:23:47 Pricing and User Subscription
03:32:49 Create Event Page
04:27:59 AI Event Creation Flow
04:38:14 Event Detail Page and Registration
04:50:43 Assignment
04:54:09 My Tickets Page
05:11:09 My Events Page
05:15:24 Event Dashboard and User Check-In
05:51:27 Deployment

-------------------------------------------------------------------------

⭐ Support the channel -
https://www.youtube.com/channel/UCIPZVAwDGa-A4ZJxCBvXRuQ/join

Special Thanks to our members -

Видео Full Stack React Project ( AI Events Organiser ) - Next JS, Tailwind, Mobbin, Shadcn UI 🔥🔥 канала RoadsideCoder
Яндекс.Метрика
Все заметки Новая заметка Страницу в заметки
Страницу в закладки Мои закладки
На информационно-развлекательном портале SALDA.WS применяются cookie-файлы. Нажимая кнопку Принять, вы подтверждаете свое согласие на их использование.
О CookiesНапомнить позжеПринять