Powered By

AI Models

⚡ What is ZAVIO?

ZAVIO is a next-generation AI assistant with a stunning cyberpunk interface. It combines the power of multiple AI models (Gemini, Qwen, Gemma) with voice control, task automation, and real-time system analytics.

🎯 Think of it as JARVIS meets ChatGPT

But open source and running locally on your machine

Why ZAVIO?

• 🚀 Blazing Fast - Powered by Vite & React 18
• 🧠 Multi-Model AI - Always the right model for the job
• 🎙️ Voice First - Hands-free operation
• 🔒 Privacy First - Your data never leaves your machine
• 🎨 Stunning UI - Cyberpunk aesthetics that wow

✨ Features

🎙️ Voice Control Hands-free operation with Web Speech API Automatic silence detection (2s auto-submit) Natural voice responses with premium voices Global stop button for interruption	🧠 Multi-Model AI Gemini 2.0 Flash for documents & voice Qwen3 for coding & technical tasks Gemma 3 for general conversations Smart auto-routing based on query type
✅ Smart Task Detection AI automatically detects tasks in conversation "I need to call John tomorrow" → Auto-added Real-time sync across all panels Never forget important action items	📊 Real-Time Analytics Live CPU, GPU, Memory monitoring API latency tracking ML metrics dashboard System health visualization

🚀 Quick Start

Prerequisites

Node.js: 18+
npm: 9+
API Key: OpenRouter (free)

Installation

# Clone the repository
git clone https://github.com/Zavmedia/ZAVIO.git
cd ZAVIO

# Install dependencies
npm install

# Configure environment
cp .env.example .env
# Add your OPENROUTER_API_KEY to .env

# Start the application
npm run dev

🎉 Open http://localhost:5173 and enjoy!

🛠️ Tech Stack

📦 Full Technology Breakdown

Category	Technologies
Frontend	React 18, TypeScript 5.6, Vite 6, Tailwind CSS 3.4
Backend	Node.js 20+, Express.js, tsx
AI Models	Gemini 2.0 Flash, Qwen3-80B, Gemma 3-27B
APIs	OpenRouter, Web Speech API, MediaDevices API
Styling	Custom Cyberpunk Theme, Lucide Icons, Glassmorphism
DevOps	Git, npm, Cloudflare Tunnel

📁 Project Structure

🏠 ZAVIO/
├── 📂 components/           # React UI components
│   ├── 🎮 CommandCenter.tsx     # Main input interface
│   ├── 📓 NotebookPanel.tsx     # Tasks & notes management
│   └── 📝 MarkdownRenderer.tsx  # Rich text rendering
├── 📂 server/               # Backend API
│   ├── 🔧 services/             # AI orchestration
│   └── 🛤️ routes/               # API endpoints
├── 📂 services/             # Frontend services
├── 📂 assets/               # Images & media
├── ⚛️ App.tsx               # Main application
└── 📖 README.md             # You are here!

🎯 Roadmap

Feature	Status
Multi-model AI orchestration	✅ Complete
Voice input with silence detection	✅ Complete
Auto voice response	✅ Complete
Smart task detection	✅ Complete
Real-time system analytics	✅ Complete
Image generation (DALL-E/SD)	🔄 In Progress
Perplexity research integration	📋 Planned
Custom voice models	📋 Planned
Plugin system	📋 Planned
Multi-language support	📋 Planned

🤝 Contributing

Contributions are what make the open source community amazing!

# 1. Fork the Project
# 2. Create your Feature Branch
git checkout -b feature/AmazingFeature

# 3. Commit your Changes
git commit -m 'Add some AmazingFeature'

# 4. Push to the Branch
git push origin feature/AmazingFeature

# 5. Open a Pull Request

💬 Support & Community

📄 License

Distributed under the MIT License. See LICENSE for more information.

Built with 💙 by Zavmedia
_{If you found this project useful, please consider giving it a ⭐}