HarmonyAI
Multi-Model AI Chat Platform with Orchestration & Commerce Features
HarmonyAI is a production-grade AI chat application built with React, TypeScript, and a feature-based architecture. It supports multi-model AI orchestration, voice chat, AI-powered shopping, and a fully internationalized UI across 6 languages.
Overview
HarmonyAI is a full-featured AI chat platform that allows users to interact with multiple large language models simultaneously. The project was built from scratch with scalability, maintainability, and user experience as core priorities.
Tech Stack
- Frontend: React 18, TypeScript, Vite
- State Management: Zustand (UI state) + TanStack Query (server state)
- Styling: Tailwind CSS with a custom design system and dual light/dark theme
- Internationalization: i18next with support for 6 languages (TR, EN, DE, AR, ES, FR)
- Animation: Framer Motion
- Component Library: Radix UI primitives
Architecture
The project uses a strict feature-based architecture where each domain (chat, voice, shopping, settings, etc.) lives in its own self-contained folder with its own store, hooks, sections, and components. This eliminates prop drilling entirely — modals and complex components manage their own state via Zustand stores.