algogeek19/AfricAI

AfricAI is an AI startup company working to improve AI voice models with native resources and databases from Africa; Currently, it has developed a well developed Amharic AI Voice model working seemlessly. AFRICAI Voice of a Continent The definitive linguistic cornerstone for Africa — a high-performance 3D immersive ecosystem for Amharic, Swahili, and Xhosa language models. ## Overview AfricAI is an immersive 3D web experience built at the intersection of Axumite geometry and neural synthesis. It showcases real-time AI-powered linguistic models for three major African languages — Amharic, Swahili, and Xhosa — through an interactive, scroll-driven 3D environment. The project features a reactive 3D voice orb powered by Three.js shaders that responds to microphone input, particle fields, custom cursor effects, and a neural chat interface backed by Google's Gemini API. ## Features - **3D Voice Orb** — Real-time reactive sphere with custom GLSL shaders (vertex displacement, Fresnel glow, cursor tracking). Morphs between Amharic spikes, Swahili undulation, and Xhosa glitch aesthetics. - **Mic-Aware Interaction** — Web Audio API pipeline captures microphone frequency data to drive orb reactivity in real time. - **Neural Chat** — Per-language AI chat interface with Gemini API integration and language-specific style prompts. - **Scroll-Driven Narrative** — Five-phase scroll journey (Hero → Language Spotlight → Neural Synthesis → Neural Dialogue → Roadmap) with smooth 3D camera transitions. - **Custom Cursor & Particles** — Canvas-based particle field with connection lines, plus a custom cursor with trailing glow effect. - **Animated Metrics** — Animated counters for latency, accuracy, population reach, and dialects supported. - **Tailwind CSS v4** — Utility-first styling with custom theme tokens (imperial gold, neural emerald, ether violet). - **Responsive Design** — Fully responsive layout with mobile-friendly scroll sections. ## Tech Stack | Layer | Technology | |-------|-----------| | Framework | React 19 | | 3D Rendering | Three.js, @react-three/fiber, @react-three/drei | | Styling | Tailwind CSS v4 | | Animation | Motion (Framer Motion), GSAP | | AI | Google Gemi …