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

Bystaff



🔗 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 –

🔗 Job Portal Project Tutorial –

🔗 Calendly Portal Project Tutorial –

🔗 MERN Stack Chat App Tutorial –

🔗 Complete Data Structures and Algorithms with JS Course –

🔗 JS Interview Series –

🔗 Cars24 Interview Experience –

🔗 Unacademy Interview Experience –

🔗 React Beginner’s Project Tutorials –

#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 –

source

Similar Posts