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

🔗 Clerk - https://go.clerk.com/jzC7WPO 🔗 Arcjet - https://launch.arcjet.com/whDLo3z 🔗 Create - https://fyi.neon.tech/create-rc ➡️ My Frontend Interview Course - https://roadsidecoder.com/course-details (50% Discount) Build a Full Stack AI Car Marketplace in React 19 + Next JS 15 with Tailwind CSS, Supabase, Prisma, Gemini API, Clerk Authentication, Arcjet, Shadcn UI Tutorial. This is an amazing project for your resume which will impress recruiters a lot and showcase your skillset. This is like an Ecommerce App. ➡️ Next JS Course Form - https://forms.gle/ABmuVhYATuwhkcmVA ➡️ Source Code - https://github.com/piyush-eon/ai-car-marketplace ➡️ 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 🔗 AI Career Coach Project Tutorial - https://www.youtube.com/watch?v=UbXpRv5ApKA&list=PLKhlp2qtUcSZBJxjXbHBkE_3h5E31dDiu&index=7 🔗 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:58 Project Showcase 00:07:58 Setup A Next JS App 00:09:29 Setup Shadcn UI 00:14:11 Creating App Layout 00:18:09 User Authentication 00:24:35 Custom Login/Sign up page 00:29:52 Header Component 00:40:46 Backend Setup 00:44:34 Arcjet Setup 00:45:49 Building a waitlist form using AI 00:53:45 Landing Page 01:23:11 Drag and Drop search UI 01:36:45 Database Design 01:41:51 Creating Database Models 01:53:19 Storing User in DB 01:58:32 Routing in Next JS 02:02:57 Admin Pages 02:15:44 Add Cars Admin Page 02:22:02 AI Car Image Scan API 02:30:29 Car Data Upload API 02:39:44 Add Car Form UI 03:10:04 Custom hook for Fetching APIs 03:18:37 AI Image Processing UI 03:31:58 Admin Cars Fetch and Update APIs 03:40:17 Rendering Cars in Admin 03:59:03 Admin Settings APIs 04:08:14 Changing Working Hours 04:17:46 Update User Role UI 04:19:37 AI Car Search 04:27:42 Setup Rate Limiting with Arcjet 04:31:03 Featured Cars on Homepage 04:33:33 Adding Rate Limiting to Server Actions 04:35:30 Gemini API Call for AI Search 04:38:20 AI Search UI 04:42:31 Cars Listing and Filters APIs 04:54:35 Car Filters UI 05:22:07 Rendering Cars 05:35:53 Save Cars to DB 05:40:18 Fetch Car Details API 05:45:01 Car Details Page UI 05:57:20 Building EMI Calculator using Create.xyz 06:01:28 Continue Car Details Page 06:10:50 Book Test Drive APIs 06:19:18 Test Drive Booking Form 06:40:46 Reservations Page 06:56:18 Admin Test Drive Page 07:09:26 Admin Dashboard APIs 07:14:02 Dashboard Statistics 07:21:59 Adding Shield and Bot Protection using Arcjet 07:24:23 Deployment ------------------------------------------------------------------------- ⭐ Support the channel - https://www.youtube.com/channel/UCIPZVAwDGa-A4ZJxCBvXRuQ/join Special Thanks to our members -