orbit-oracool

byDaniel Onakoya

Build "ORACOOL AI" using React + Vite + Tailwind CSS + Supabase. Name: Oracool AI Tagline: "Intelligence That Anticipates" Colors: Deep black (#0a0a0f), Ice cyan (#00f0ff), Electric purple (#8b5cf6) Style: Dark mode, glassmorphism, glowing orbs, premium feel CREATOR SYSTEM: - Creator: Daniel Onakoya (danielonakoya19@gmail.com, born June 19 2009) - Second Admin: Think Global (thinkglobal1000@gmail.com) - Gold "CREATOR" badge for Daniel, Gold "ADMIN" badge for Think Global - AI sings Happy Birthday to Daniel on June 19 - AI knows Daniel is the creator ADMIN SYSTEM: - Both admins get full access, no payment, no limits - Admin dashboard at /admin with users, revenue, stats - Admin notifications for new signups and payments MULTI-AI SYSTEM: - GPT-4o (OpenAI), Claude 3.5 (Anthropic), Gemini 2.0 (Google), Grok 3 (xAI) - Tavily for internet search - Built-in AI as fallback - Auto-routing to best AI API KEYS PAGE (/config): - Input fields for: PAYSTACK_PUBLIC_KEY, PAYSTACK_SECRET_KEY, SUPABASE_URL, SUPABASE_ANON_KEY, TAVILY_API_KEY - Optional: OPENAI_API_KEY, ANTHROPIC_API_KEY, GOOGLE_AI_API_KEY, GROK_API_KEY - Save button, test connections, show status SUBSCRIPTION (PAYSTACK ONLY - No Stripe): FREE TRIAL: 10 chat queries, 3 premium queries per feature PRO $19.99/month: Unlimited everything ENTERPRISE $99/month: Team workspace, API access Build: 1. Landing page with hero, features, pricing, testimonials, FAQ 2. Signup/Login pages with Supabase auth 3. Dashboard with glowing orb 4. Voice interaction (Web Speech API + SpeechSynthesis) 5. AI chat with text input 6. /config page for API keys 7. /admin page for admins 8. PWA setup 9. Responsive design (mobile-first)

Landing PageSignup/Login Pages
Landing Page

Comments (0)

No comments yet. Be the first!

Architecture

No Services Diagrams Yet

Architecture diagrams will be automatically generated when the Project Manager creates tasks for your project.

Landing Page design preview
Landing Page: View hero section
Signup/Login Pages: Sign in
Dashboard: Activate voice orb
Dashboard: Receive birthday greeting
Admin Page /admin : Manage users
Admin Page /admin : View revenue stats
API Keys Page /config : Configure API keys
Landing Page design preview
Landing Page: View hero section
Signup/Login Pages: Sign in
Dashboard: Activate voice orb
Dashboard: Receive birthday greeting
Admin Page /admin : Manage users
Admin Page /admin : View revenue stats
API Keys Page /config : Configure API keys