Built on LiquidMetal AI Raindrop Platform | Powered by Vultr Infrastructure
Live Demo β’ Features β’ Quick Start
Tila AI is a comprehensive AI-powered development platform that transforms how developers learn, write, and collaborate on code. Combining Google Gemini's intelligence with ElevenLabs' voice technology, Tila AI offers an immersive coding experience with features ranging from AI tutoring to community collaboration.
Your personal AI coding mentor with voice capabilities and syllabus-based learning.
| Feature | Description |
|---|---|
| π¬ AI Chatbot | Interactive chatbot for learning programming concepts |
| π€ Voice-to-Text | Speak your questions using ElevenLabs voice recognition |
| π£οΈ Talk to Mentor | Have real-time voice conversations with your AI mentor |
| π Syllabus Upload | Upload your syllabus and AI uses it as reference for personalized learning |
| π― Context-Aware | AI remembers your syllabus and tailors responses accordingly |
| π Curriculum-Based | Get explanations aligned with your course material |
A powerful AI-enhanced code editor that understands your intent and helps you write better code.
| Feature | Description |
|---|---|
| π Auto Language Conversion | Change language and AI converts your existing code automatically |
| β¨ Code Completion | AI completes your code based on your written logic |
| β‘ Code Optimization | Get optimized versions of your code with one click |
| π§ͺ Unit Test Generation | AI generates comprehensive unit tests for your code |
| οΏ½ Code Ana lysis | Deep analysis of code quality, complexity, and issues |
| π Bug Detection | AI identifies potential bugs and suggests fixes |
| π Code Documentation | Auto-generate documentation for your functions |
Create, edit, and share interactive coding notebooks with AI assistance.
| Feature | Description |
|---|---|
| π₯ Export to Markdown | Download your notebook as a .md file |
| π€ AI Cell Execution | AI explains and runs code cells |
| π Rich Output | Support for code, text, and visualizations |
| πΎ Auto-save | Never lose your work |
AI-generated personalized learning paths to master any technology.
| Feature | Description |
|---|---|
| π― Custom Roadmaps | Create roadmaps for any topic or technology |
| π Progress Tracking | Track your learning journey |
| π Connected Nodes | Visual representation of learning dependencies |
| β Milestone Completion | Mark topics as completed |
Test and improve your skills with AI-generated coding challenges.
| Feature | Description |
|---|---|
| π² AI-Generated Challenges | Fresh challenges created by AI |
| π Difficulty Levels | Easy, Medium, Hard challenges |
| βοΈ Solution Validation | AI validates your solutions |
| π Progress Tracking | Track completed challenges |
Share, discover, and collaborate with other developers.
| Feature | Description |
|---|---|
| π€ Share Code | Post your code snippets and projects |
| β€οΈ Like & Fork | Engage with community content |
| π·οΈ Tags & Categories | Organize content by topics |
| π¬ Discussions | Comment and discuss solutions |
Context-aware AI chat that understands your code and provides intelligent assistance.
| Feature | Description |
|---|---|
| π§ Context Retention | AI remembers your conversation history |
| π» Code Understanding | Paste code and get explanations |
| π Multi-language | Support for 20+ programming languages |
| π Save History | Save and revisit past conversations |
Organize your coding projects with AI-enhanced project management.
| Feature | Description |
|---|---|
| π Project Organization | Create and manage multiple projects |
| π Code Snippets | Save reusable code snippets |
| π Smart Search | AI-powered search across projects |
| βοΈ Cloud Sync | Access projects from anywhere |
ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
β TILA AI PLATFORM β
ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ€
β β
β ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ β
β β FRONTEND (React) β β
β β βββββββββββ βββββββββββ βββββββββββ βββββββββββββββββββ β β
β β β Chat β β Editor β βNotebook β β Roadmaps β β β
β β βββββββββββ βββββββββββ βββββββββββ βββββββββββββββββββ β β
β β βββββββββββ βββββββββββ βββββββββββ βββββββββββββββββββ β β
β β β Tutor β βCommunityβ βChallengesβ β Projects β β β
β β βββββββββββ βββββββββββ βββββββββββ βββββββββββββββββββ β β
β ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ β
β β β
β βΌ β
β ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ β
β β RAINDROP BACKEND (Hono.js) β β
β β ββββββββββββββ ββββββββββββββ ββββββββββββββββββββββ β β
β β β API β β Auth β β AI Services β β β
β β β Service β β Service β β (Gemini + Voice) β β β
β β ββββββββββββββ ββββββββββββββ ββββββββββββββββββββββ β β
β β ββββββββββββββ ββββββββββββββ ββββββββββββββββββββββ β β
β β βSmartMemory β βSmartBucket β β KV Cache β β β
β β ββββββββββββββ ββββββββββββββ ββββββββββββββββββββββ β β
β ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ β
β β β
β βββββββββββββββββΌββββββββββββββββ β
β βΌ βΌ βΌ β
β ββββββββββββββββββ ββββββββββββββββββ ββββββββββββββββββ β
β β Google Gemini β β ElevenLabs β β Vultr Cloud β β
β β 1.5 Flash β β Voice AI β β Infrastructure β β
β ββββββββββββββββββ ββββββββββββββββββ ββββββββββββββββββ β
β β
ββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββββ
- Node.js 18+
- Raindrop CLI -
npm install -g @liquidmetal-ai/raindrop
# Clone the repository
git clone https://github.com/yourusername/tila-ai.git
cd tila-ai
# Install dependencies
npm install
cd raindrop-backend && npm install && cd ..Create .env.local:
# AI Configuration
VITE_GEMINI_API_KEY=your_gemini_api_key
# Voice AI (ElevenLabs)
VITE_ELEVENLABS_API_KEY=your_elevenlabs_api_key
VITE_ELEVENLABS_AGENT_ID=your_agent_id
# Backend API
VITE_API_URL=https://tila-ai-api.01kbs9qyfs1fh8dnwn4k7g8mak.lmapp.run# Terminal 1 - Frontend
npm run dev
# Terminal 2 - Backend
cd raindrop-backend
raindrop build deploy --starttila-ai/
βββ π raindrop-backend/ # Backend API
β βββ src/api/index.ts # API routes
β βββ raindrop.manifest # Platform config
βββ π components/ # React Components
β βββ ChatArea.tsx # AI Chat
β βββ CodeEditor.tsx # Smart Editor
β βββ Notebook.tsx # Notebooks
β βββ Sidebar.tsx # Navigation
β βββ LandingPage.tsx # Home
βββ π services/ # Services
β βββ geminiService.ts # Gemini AI
β βββ elevenLabsService.ts # Voice AI
β βββ apiService.ts # API Client
βββ App.tsx # Main App
βββ .env.local # Config
| Category | Technology |
|---|---|
| Frontend | React 18, TypeScript, Vite, TailwindCSS |
| Backend | Hono.js, Raindrop Framework |
| AI Engine | Google Gemini 1.5 Flash |
| Voice AI | ElevenLabs Conversational AI |
| Platform | LiquidMetal AI Raindrop |
| Infrastructure | Vultr Cloud |
cd raindrop-backend
# Deploy
raindrop build deploy --start
# Check status
raindrop build status
# View logs
raindrop logs tailMIT License - see LICENSE file.
