Full Stack React Project ( AI Splitwise Clone ) - Next JS, Tailwind, Gemini AI, Convex, Shadcn UI 🔥
🔗 Clerk - https://go.clerk.com/io4ILbV
🔗 Inngest - https://innge.st/yt-rsc3
🔗 Convex - https://convex.link/roadsideai
➡️ My Frontend Interview Course - https://roadsidecoder.com/course-details (50% Discount)
Build a Full Stack AI Expense Splitting App in React 19 + Next JS 15 with Tailwind CSS, Convex, Prisma, Clerk Authentication, Inngest, 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-splitwise-clone
➡️ 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 Project Showcase
00:07:08 Setup Next JS with Shadcn
00:12:57 Creating App Layout
00:15:56 Backend Setup
00:20:52 User Authentication
00:24:31 Custom Login/Sign up Page
00:30:07 Users table in DB
00:32:03 Connect Convex with Clerk
00:35:11 Storing user in DB
00:44:09 Header Component
00:50:47 Inngest Setup
00:55:51 Database Design
01:01:47 Adding Protected Routes
01:03:51 Landing Page
01:25:10 Routing in Next JS
01:31:02 Contacts Page
01:32:08 Seeding User Data
01:35:06 Contacts APIs
01:52:04 Custom Hooks for Fetching Data
01:58:28 Render single and group contacts
02:06:25 Create Groups
02:32:01 Dashboard APIs
02:50:44 Dashboard Page UI
03:15:27 User and Group Expense Pages
03:16:20 1 on 1 Expense APIs
03:23:09 Group Expense APIs
03:38:39 Individual and Group Page UI
04:19:13 Payment Reminder CRON Job
04:33:14 Sending emails using Resend
04:39:11 AI User Insights CRON Job
04:51:54 Expense Creation APIs
04:59:35 Create Expense UI
05:44:27 Adding Settlements
05:57:24 Deployment
-------------------------------------------------------------------------
⭐ Support the channel -
https://www.youtube.com/channel/UCIPZVAwDGa-A4ZJxCBvXRuQ/join
Special Thanks to our members -