🔗 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-...
➡️ Book a 1:1 call with me - https://topmate.io/roadsidecoder
👤 Join the RoadsideCoder Community Discord -
/ discord
🔗 React Hook Form Tutorial -
• React Hook Form (with Zod) - Full Tutorial 🔥🔥
🔗 Job Portal Project Tutorial -
• Full Stack React JS Project ( Job Portal )...
🔗 AI Career Coach Project Tutorial -
• Full Stack React Project ( AI Career Coach...
🔗 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: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 -
/ @roadsidecoder
Special Thanks to our members -
