yousseflourate165-coder/ecoatlantis-africa

# 🌍 EcoAtlantis Africa - Ocean Intelligence Platform An AI-powered environmental monitoring system for African coastal regions, designed to scale globally. ## Overview EcoAtlantis Africa leverages artificial intelligence and satellite data to monitor pollution and environmental threats across African ocean regions in real-time. The platform provides: - **Real-time Alerts**: Live pollution detection across African coastal zones - **AI-Powered Analysis**: Machine learning models for environmental threat detection - **Regional Monitoring**: Coverage across 20+ African coastal regions - **Scalable Architecture**: Built to expand globally ## Features ✅ Africa-first regional focus with global scalability ✅ Real-time pollution alerts system ✅ AI-powered environmental intelligence ✅ Interactive dashboard with region filtering ✅ Supabase backend integration ✅ Responsive UI with Framer Motion animations ## Tech Stack - **Frontend**: Next.js 14 + React 18 + TypeScript - **Styling**: Tailwind CSS + Framer Motion - **Backend**: Supabase (PostgreSQL) - **Deployment**: Vercel (recommended) ## Quick Start ### Prerequisites - Node.js 18+ - npm or yarn - Supabase account (free tier available) ### Installation ```bash # Clone the repository git clone github.com cd ecoatlantis-africa # Install dependencies npm install # Create environment file cp .env.local.example .env.local # Add your Supabase credentials to .env.local # Run development server npm run dev ``` Open localhost in your browser. ## Project Structure ``` ecoatlantis-africa/ ├── src/ │ ├── app/ │ │ ├── page.tsx # Main application component │ │ ├── layout.tsx # Root layout │ │ └── globals.css # Global styles │ ├── lib/ │ │ ├── supabase.ts # Supabase client configuration │ │ └── types.ts # TypeScript type definitions │ └── components/ # Reusable React components ├── pu …