🤖 Alpha — AI Multi-Model Chat Platform

One workspace for all AI models — Chat with GPT-4o, Claude 3.5, Gemini 1.5, and more. Compare outputs, save prompts, and track credits effortlessly.

---

✨ Features

• 💬 Multi-Model Chat — Chat with GPT-4o, Claude 3.5, Gemini 1.5, and more
• ⚔️ Model Comparison — Compare outputs from different AI models side-by-side
• 💾 Prompt Library — Save and organize your favorite prompts
• 📊 Credit Tracking — Monitor your usage and remaining credits
• 🎨 Beautiful UI — Dark theme with smooth animations powered by Framer Motion
• ⚡ Fast Switching — Instantly switch between different AI models
• 🔐 Secure Storage — All data stored locally with Prisma + SQLite
• 📱 Fully Responsive — Works seamlessly on desktop and mobile

🛠️ Tech Stack

Component	Technology
Frontend	Next.js 16 App Router, React 19, TypeScript
Styling	Tailwind CSS 4, Framer Motion
State Management	Zustand
Database	Prisma + SQLite
AI Integration	OpenRouter API
Search	Tavily Search API (optional)
Images	Unsplash API (optional)

🎯 Core Features

💬 Chat Interface

• Real-time streaming responses
• Support for 30+ AI models
• Message history and context awareness
• Multi-turn conversations

⚔️ Comparison Mode

• Test the same prompt across multiple models
• Side-by-side output comparison
• Identify best model for your use case
• Export comparison results

📚 Prompt Library

• Save and organize reusable prompts
• Tag and categorize for easy discovery
• One-click usage in chat
• Share prompts with others

📊 Dashboard

• Credit balance and usage statistics
• Model popularity metrics
• Usage history and analytics
• Monthly reports

🏁 Getting Started

1. Clone & Install

git clone https://github.com/rishavbuilder/Alpha-.git
cd Alpha-
npm install

2. Configure Environment

Create .env.local:

DATABASE_URL="file:./prisma/dev.db"OPENROUTER_API_KEY=your_key_here# Optional:# TAVILY_API_KEY=your_key_here# UNSPLASH_API_KEY=your_key_here

3. Setup Database

npx prisma db push

4. Run Development Server

npm run dev

Open http://localhost:3000 in your browser.

📦 Project Structure

src/
├── app/ # App routes & API endpoints
├── components/ # React components
│ ├── chat/ # Chat interface
│ ├── dashboard/ # Analytics dashboard
│ ├── models/ # Model browser
│ ├── comparison/ # Comparison mode
│ └── prompts/ # Prompt library
├── lib/ # Utilities & API clients
├── hooks/ # Custom hooks
└── styles/ # Global styles
prisma/
└── schema.prisma # Database schema

🚀 Available Scripts

npm run dev # Start development server
npm run build # Build for production
npm run start # Start production server
npm run lint # Run ESLint

🔗 Workflow

User Input → Chat Interface
↓
OpenRouter API → 30+ AI Models
↓
Real-time Streaming Response
↓
Compare Results (optional) ← Comparison Mode
↓
Save to Library ← Prompt Library
↓
Track Credits ← Dashboard

🎨 Design Philosophy

• Motion-Heavy UI — Smooth transitions powered by Framer Motion
• Dark Theme — Easy on the eyes for extended sessions
• Responsive Design — Works seamlessly on all devices
• Performance First — Optimized for fast interactions
• Clean Aesthetic — Minimalist and professional

🚀 Deployment

This app can be deployed like a standard Next.js project:

npm run build
npm run start

🤝 Contributing

Contributions are welcome! Please:

1. Fork the repository
2. Create a feature branch
3. Commit your changes
4. Push to the branch
5. Open a Pull Request

📄 License

This project is licensed under the MIT License. See LICENSE file for details.

---

Made with ❤️ by rishavbuilder