SkanDerjs2/tunisia-status

# Tunisia Status — حالة تونس Community-driven, real-time electricity and water outage tracker for Tunisia. View live service status across all 24 governorates, drill down to individual cities/delegations, and report outages in your area. ## Features - Interactive SVG map of Tunisia with color-coded governorate status - Real-time updates via Supabase (or works fully offline with localStorage) - Searchable sidebar with all 24 governorates and 280+ cities - Quick report buttons for electricity and water status - 5-minute vote cooldown to prevent spam - Reports auto-expire after 60 minutes - Bilingual (English + Arabic) - Responsive design (desktop + mobile) ## Tech Stack - React 19 + Vite - Framer Motion (animations) - Lucide React (icons) - Supabase (real-time backend, optional) ## Getting Started ```bash git clone github.com cd tunisia-status npm install npm run dev ``` ## Environment Variables Copy `.env.example` to `.env` and fill in your Supabase credentials (optional — the app works in local mode without them): ```bash cp .env.example .env ``` | Variable | Description | |----------|-------------| | `VITE_SUPABASE_URL` | Your Supabase project URL | | `VITE_SUPABASE_ANON_KEY` | Your Supabase anonymous key | ## Supabase Setup (Optional) 1. Create a project at supabase.com 2. Run the SQL in `supabase-schema.sql` in the SQL Editor 3. Copy your project URL and anon key into `.env` ## Scripts | Command | Description | |---------|-------------| | `npm run dev` | Start development server | | `npm run build` | Production build | | `npm run preview` | Preview production build | | `npm run lint` | Run Oxlint | ## License MIT