- Create Next.js App
- Run App
- Install shadcn (UI Component Library)
- Setup Dark Theme
- Create GitHub Repository
- Create branches and push your changes
- Code Review by CodeRabbit
- Add Sidebar
- Logo
- Menu Option
- Footer
- Push code to GitHub
- Review with CodeRabbit
- Chat Input Box
- Header
- Default Sign In Screen
- Push code to GitHub
- Review with CodeRabbit
- Create Firebase project
- Firebase Firestore DB Setup
- Add config to project
- Push code to GitHub
- Review with CodeRabbit
- Clerk Email / Password Auth
- Gmail auth
- Save user info to Database
- Update Sidebar with Footer
- Credit Usage
- Push code to GitHub
- Review with CodeRabbit
- Arcjet Setup
- Daily Limit Usage
- Push code to GitHub
- Review with CodeRabbit
- Group AI Models (Free & Premium)
- Save User Selected Models
- Share Selected Models using Context
- Get User Setting Info From Firebase
- Push code to GitHub
- Review with CodeRabbit
- Generate KravixStudio Developer API for Multiple Models
- Setup API Endpoint
- Test API
- Push code to GitHub
- Review with CodeRabbit
- Send user message
- Call API to Generate AI response for each AI Model
- Display result (msg conversation)
- Push code to GitHub
- Review with CodeRabbit
- Save conversation chat messages
- Fetch it and display it on screen
- Push code to GitHub
- Review with CodeRabbit
- Update user tokens
- Free trial user token limit and renew after 24 hours
- Push code to GitHub
- Review with CodeRabbit
- Clerk Subscription Billing Setup
- Display pricing table
- Push code to GitHub
- Review with CodeRabbit