Asynchronous AI chat with intelligent message queuing and two-stage prompt optimization
📹 Live Demo • 🔗 Try it Live • 📖 Documentation
- 🔄 Asynchronous Message Queue - Batch multiple queries for enhanced context
- 🧠 Two-Stage AI Processing - Input optimization → Enhanced responses
- 🎙️ Voice-to-Text Input - Record audio directly and have it transcribed.
- 🌐 Integrated Web Search - Let the AI search the web for up-to-date information.
- 📊 AI-Powered Diagrams - Automatic Mermaid.js generation from text.
- 📅 Google Calendar Integration - Smart calendar queries and event management.
- ⌨️ Keyboard Shortcuts - Navigate and use the app efficiently.
- 📝 Custom System Instructions - Define custom behaviors for the AI.
- 💻 Syntax Highlighting - View code blocks with proper highlighting.
- 🔍 Interactive Tables - Enlarge and inspect tables in responses.
- 🔐 Multi-User Security - Row-level security with OAuth authentication
- 📱 Responsive Design - Optimized for desktop and mobile
- ⚡ Real-time Updates - Live queue status and conversation sync
graph LR
A[User Input] --> B[Queue System]
B --> C[Prompt Optimization]
C --> D[OpenAI GPT-4]
D --> E[Response Processing]
E --> F[Real-time UI Update]
G[Supabase] --> H[Authentication]
G --> I[Database + RLS]
G --> J[Real-time Subscriptions]
# Clone & install
git clone https://github.com/yourusername/queue-chat.git
cd queue-chat && npm install
# Setup environment
cp .env.example .env.local
# Add your OPENAI_API_KEY and Supabase credentials# Initialize database# Run scripts/init_database.sql in your Supabase dashboard# Start development
npm run dev🌐 Open localhost:3000
| Category | Technology |
|---|---|
| Frontend | Next.js 15, React 19, TypeScript, Tailwind CSS |
| Backend | Next.js API Routes, Supabase PostgreSQL |
| AI/ML | OpenAI GPT-4, Custom prompt optimization |
| Auth | Supabase Auth (Google OAuth, GitHub) |
| Integrations | Google Calendar API, Mermaid.js diagrams |
| Database | PostgreSQL with Row Level Security |
| Deployment | Vercel, Supabase Cloud |
src/
├── app/ # Next.js App Router
│ ├── api/ # API endpoints
│ └── auth/ # Authentication flows
├── components/ # React components
│ ├── chat/ # Chat interface
│ ├── queue/ # Message queue UI
│ └── ui/ # Reusable components
├── hooks/ # Custom React hooks
├── lib/ # Utilities & configurations
├── types/ # TypeScript definitions
└── integrations/ # External service integrations
# Required
OPENAI_API_KEY=sk-...
NEXT_PUBLIC_SUPABASE_URL=https://your-project.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY=eyJ...
SUPABASE_SERVICE_ROLE_KEY=eyJ...
# Optional
NEXT_PUBLIC_APP_URL=http://localhost:3000- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
Built with ❤️ using Next.js, OpenAI & Google Calendar