🤖 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