Full Stack React Project ( AI Interview Marketplace ) - Next JS, Supabase, Stream, Shadcn UI 🔥🔥

Description

🔗 Stream - https://getstream.io/video/sdk/react/?utm_source=youtube&utm_medium=referral&utm_content=&utm_campaign=piyushq12026 🔗 Supabase - https://supabase.link/8lqB5J2 🔗 Clerk - https://go.clerk.com/lUiwY7B 🔗 Arcjet - https://launch.arcjet.com/Kr965yd ➡️ My Frontend Interview Course - https://roadsidecoder.com/course-details (50% Discount) Build a Full Stack AI Interview Marketplace SaaS in React 19 + Next JS 16 with Tailwind CSS, Stream for Video Call and Chat Feature, Supabase as PostgreSQL DB, Google Authentication, Arcjet, 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-recipe-platform ➡️ Book a 1:1 call with me - https://topmate.io/roadsidecoder 👤 Join the RoadsideCoder Community Discord - https://discord.gg/2ecgDwx5EE 🔗 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:02:16 Setup Next JS with Shadcn 00:08:56 App Layout 00:12:39 User Authentication 00:25:40 Backend Setup 00:29:29 Setup Arcjet for Security 00:31:36 Video Call and Chat SDKs 00:34:20 Landing Page 01:06:13 User Subscription 01:12:36 Database Design 01:15:10 Creating Database Schema 01:24:21 Storing Users inside the DB 01:34:21 Adding Role based Navigation 01:47:35 Onboarding Flow 02:08:11 Explore Interviewers Page 02:28:26 Call Booking Flow 02:33:15 Stream Call Id Generation 02:39:45 Adding Rate Limiting using Arcjet 02:43:03 Add Shield and Bot Protection 02:46:08 Booking Page 03:13:33 Appointments Page 03:36:53 Stream Call Token Generation 03:40:58 Call Room UI 03:53:37 Chat Interface 03:59:30 AI Questions Generator 04:07:38 Recording and AI Feedback Webhook 04:25:52 Interviewer Dashboard 04:46:38 Earning Withdrawal 04:48:58 Deployment ------------------------------------------------------------------------- ⭐ Support the channel - https://www.youtube.com/channel/UCIPZVAwDGa-A4ZJxCBvXRuQ/join Special Thanks to our members -