Full Stack React AI Career Coach with Next.js & Tailwind

Build an AI career coach app using Next.js, Tailwind, Prisma, Gemini AI, and Shadcn UI. Includes links to Clerk, Neon, and Inngest.

Full Stack React AI Career Coach with Next.js & Tailwind
RoadsideCoder
194.6K views • Jan 28, 2025
Full Stack React AI Career Coach with Next.js & Tailwind

About this video

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

Tags and Topics

Browse our collection to discover more content in these categories.

Video Information

Views

194.6K

Likes

4.1K

Duration

05:01:49

Published

Jan 28, 2025

User Reviews

4.7
(38)
Rate:

Related Trending Topics

LIVE TRENDS

Related trending topics. Click any trend to explore more videos.