IterativAnalytics is a comprehensive AI-powered platform for African startups, providing financial intelligence and capital access solutions.
# Iterativ Analytics
> AI-powered analytics platform for African startups and investors
## 🌟 Overview
Iterativ Analytics is an enterprise-grade full-stack application built with modern technologies and best practices. It provides comprehensive analytics, document management, and AI-powered insights for startups and investors.
## 🎨 Design System
IterativAnalytics features a comprehensive design system ensuring consistency, accessibility, and quality across all touchpoints.
**📚 Documentation:**
- **DESIGN_PRINCIPLES.md** - Core design principles that guide all decisions
- **DESIGN_SYSTEM.md** - Complete design system guide with strategic guidelines
- **DESIGN_SYSTEM_QUICKREF.md** - Quick reference for daily development
**Key Features:**
- 🎯 African-first design approach (optimized for connectivity and mobile)
- ♿ WCAG 2.1 AA accessibility standards
- 📱 Mobile-first responsive components
- ⚡ Performance-optimized patterns
- 🎨 Comprehensive component library (70+ components)
- 🌗 Dark mode and sector-based theming
- 🔧 Design tokens and CSS variables
**Quick Start:**
```tsx
import { Button, Card, Badge } from '@/components/ui';
Revenue Growth
+12.5%
```
## 🏗️ Architecture
### Technology Stack
**Frontend:**
- React 18 with TypeScript
- Vite for build tooling
- TanStack Query for data fetching
- Tailwind CSS + shadcn/ui for styling
- Wouter for routing
- Zod for validation
- Firebase Authentication
**Backend:**
- Node.js + Express
- TypeScript (ESM)
- Drizzle ORM + PostgreSQL
- Zod for validation
- Structured logging
- Comprehensive error handling
### Project Structure
```
├── client/ # Frontend application
│ ├── src/
│ │ ├── components/ # React components
│ │ │ ├── common/ # Reusable components
│ │ │ ├── ui/ # shadcn/ui components
│ │ │ └── ...
│ │ ├── hooks/ # Custom React hooks
│ │ ├── lib/ # Utilities and helpers
│ │ │ ├── api/ # API client and services
│ │ │ ├ …