Loading...
アイコン

RoadsideCoder

チャンネル登録者数 16.2万人

17万 回視聴 ・ 3834いいね ・ 2025/01/28

🔗 Clerk - go.clerk.com/pkesmB9
🔗 Neon - fyi.neon.tech/4rc
🔗 Inngest - innge.st/yt-rsc2
➡️ My Frontend Interview Course - 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 - forms.gle/ABmuVhYATuwhkcmVA
➡️ Source Code - github.com/piyush-eon/ai-career-coach
➡️ Book a 1:1 call with me - topmate.io/roadsidecoder

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

🔗 React Hook Form Tutorial -
   • React Hook Form (with Zod) - Full Tutorial 🔥🔥  

🔗 Job Portal Project Tutorial -
   • Full Stack React JS Project ( Job Portal )...  

🔗 Calendly Portal Project Tutorial -
   • Full Stack React JS Project ( Calendly Clo...  

🔗 MERN Stack Chat App Tutorial -
   • MERN Stack Chat App with Socket.IO Tutorial  

🔗 Complete Data Structures and Algorithms with JS Course -
   • Data Structures and Algorithms in Javascri...…

🔗 JS Interview Series -
   • Javascript Interview Questions ( Var, Let ...  

🔗 Cars24 Interview Experience -
   • Frontend Interview Experience (Cars24) - J...  

🔗 Unacademy Interview Experience -
   • Frontend Interview Experience (Unacademy) ...  

🔗 React Beginner's Project Tutorials -
   • React JS 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 -
youtube.com/channel/UCIPZVAwDGa-A4ZJxCBvXRuQ/join

Special Thanks

コメント

コメントを取得中...

コントロール
設定

使用したサーバー: directk