Try Vapi for FREE: https://vapi.sh/B53xaCO
Try Clerk for FREE: https://go.clerk.com/48TobXv
My 100+ Hours Udemy Course: https://dub.sh/udemy-course
📚 Resources:
Source Code: https://github.com/burakorkmez/codeflex-ai
Assets: https://github.com/burakorkmez/codeflex-assets
Diagrams: https://app.eraser.io/workspace/qGjkXY3bXQ6RZfLH2kB6
🔗 Links:
Join discord to ask your questions: https://discord.gg/yEyKQWYugG
Follow me on X: https://x.com/codesistency
Key Features:
- 🚀 Tech stack: Next.js, React, Tailwind & Shadcn UI
- 🎙️ Voice AI Assistant (Vapi)
- 🧠 LLM Integration (Gemini AI)
- 🏋️ Personalized Workout Plans
- 🥗 Custom Diet Programs
- 🔒 Authentication & Authorization (Clerk)
- 💾 Database (Convex)
- 🎬 Real-time Program Generation
- 💻 Layouts
- 🎭 Client & Server Components
Timestamps:
00:00:00 - Project Preview
00:05:07 - 1- Setting Up Our Project
00:13:09 - 2- Setting Up Authentication
00:24:17 - 3- Setting Up Our Voice Agent
00:35:59 - 4- Setting Up Our Database
00:50:35 - 5- Understanding & Implementing Webhooks
01:08:16 - 6- Home Screen UI Design
01:39:36 - 7- Generate Program Page Setup
01:53:55 - 8- Generate Program Page UI
02:14:45 - 9- Completing Our AI Workflow
02:41:29 - 10- Building Our Profile Page
03:11:45 - 11- Final Optimizations
03:22:20 - 12- Deployment
#reactjs #programming #coding #nextjs