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

🔗 Clerk - https://go.clerk.com/jxTyzlj
🔗 Inngest - https://innge.st/yt-rsc1
🔗 Arcjet - https://launch.arcjet.com/n5oLgHV
➡️ My Frontend Interview Course - https://roadsidecoder.com/course-details (50% Discount)

Build a Full Stack AI Finance Platform in React 19 + Next JS 15 with Tailwind CSS, Supabase, Prisma, Clerk Authentication, Inngest, 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-finance-platform
➡️ 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

🔗 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:07:47 Setup Next JS with Shadcn UI
00:15:00 App Layout
00:19:25 User Authentication
00:32:03 Header Component
00:40:48 Backend setup
00:43:08 Arcjet Setup
00:44:07 Inngest Setup
00:46:17 Landing Page
01:13:03 Database Design
01:17:30 Creating Database Models
01:25:36 Storing user data in DB
01:29:16 Routing in Next JS
01:34:47 Dashboard Page
01:38:19 Create Account Backend Logic
01:45:16 Create Account Drawer
02:03:10 Custom Hook to Fetch APIs
02:10:54 Fetch User Accounts
02:12:46 Render User Accounts
02:20:37 Change Default Account
02:26:29 Account Page
02:32:36 Seeding Transactions Data
02:36:22 Transactions Table
03:04:50 Filter and Sort Transactions
03:17:22 Bulk Delete Transactions
03:27:46 Transaction Bar Chart
03:43:25 Monthly Budget
03:59:54 Cron Job for Budget Alert ( Inngest Function )
04:13:33 Send Budget Alert Email
04:25:30 Create Transactions
04:52:47 Adding Rate Limiting with Arcjet
05:00:01 AI Recipt Scanner
05:16:13 Recurring Transaction Cron - Inngest Function
05:27:38 Edit Transaction
05:35:06 Montly Report Email - Inngest Function
05:44:41 Generate Monthly Insigts using AI
05:48:32 Dashboard Expense Pie Chart
05:59:40 Arcjet Shield and Bot Protection
06:01:52 Vercel Deployment

-------------------------------------------------------------------------

⭐ Support the channel -
https://www.youtube.com/channel/UCIPZVAwDGa-A4ZJxCBvXRuQ/join

Special Thanks to our members -

Видео Full Stack React Project ( AI Finance Platform ) - Next JS, Tailwind, Gemini AI, Prisma, Shadcn UI 🔥 канала RoadsideCoder