Full Stack React Project ( AI Career Coach ) - Next JS, Tailwind, Gemini AI, Prisma, Shadcn UI 🔥

🔗 Clerk - https://go.clerk.com/pkesmB9
🔗 Neon - https://fyi.neon.tech/4rc
🔗 Inngest - https://innge.st/yt-rsc2
➡️ My Frontend Interview Course - https://roadsidecoder.com/course-details (50% Discount)

Build a Full Stack AI Career Coach in React 19 + Next JS 15 with Tailwind CSS, NeonDB, Prisma, Clerk Authentication, Inngest, Gemini API, 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-career-coach
➡️ 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:00:46 Project Showcase
00:08:31 Setup Next JS and Shadcn UI
00:17:10 App Layout
00:18:49 User Authentication
00:23:54 Header Component
00:38:03 Custom Login/Sign up page
00:42:48 Backend Setup
00:44:37 Inngest Setup
00:50:57 Landing Page
01:24:00 Database design
01:29:14 Creating Database Models
01:36:11 Storing User in DB
01:41:18 Routing in Next JS
01:49:44 Onboarding Page
01:52:12 Onboarding APIs
02:01:26 User Onboarding Form
02:16:25 Custom hook for Fetching APIs
02:25:17 Gemini AI API setup
02:26:46 Generation AI Industry Insights
02:37:50 Rendering Insights
02:56:26 Cron for Weekly Insights ( Inngest Function )
03:06:45 Interview Preparation Page
03:06:59 Generate Mock Interview Questions with AI
03:15:44 Mock Interview UI
03:32:42 Quiz Results
03:39:11 Interview Performance Stats Page
03:59:28 AI Resume builder server actions
04:05:19 Resume Builder UI
04:36:11 Making Markdown Resume
04:46:00 Download resume as pdf
04:53:27 Cover Letter Generator
04:56:24 Deployment

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

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

Special Thanks to our members -

Видео Full Stack React Project ( AI Career Coach ) - Next JS, Tailwind, Gemini AI, Prisma, Shadcn UI 🔥 канала RoadsideCoder