# Landvex Dashboard

> Web-based dashboard for urban intelligence and infrastructure monitoring.

## Features

- 📊 **Real-time Stats** — Observations, zoomers, RGI scores
- 🗺️ **Interactive Map** — Visualize observations geographically
- 📸 **Observations Table** — Filter, search, and manage observations
- 📊 **RGI Visualization** — Reality Gap Index with 7 dimensions
- 📈 **Analytics** — Trends and insights (coming soon)
- 📄 **Reports** — Generate and export reports (coming soon)
- ⚙️ **Settings** — Configure dashboard preferences

## Tech Stack

- HTML5
- CSS3 (with CSS variables)
- Vanilla JavaScript
- Responsive design
- Mobile-first approach

## File Structure

```
landvex-dashboard/
├── index.html      # Main HTML structure
├── styles.css      # Styles and responsive design
├── dashboard.js    # Interactive functionality
└── README.md       # Documentation
```

## API Integration

The dashboard connects to the Landvex API:

```javascript
const API_URL = 'https://api.landvex.com/v1';
```

### Endpoints Used

- `GET /stats` — Dashboard statistics
- `GET /observations` — Observation list
- `GET /observations?limit=10` — Recent observations
- `POST /observations` — Create observation
- `GET /indexes/rgi` — RGI calculation

## Usage

### Local Development

```bash
# Serve with any static file server
python -m http.server 8080

# Or use Node.js
npx serve .
```

### Production

Deploy to any static hosting:
- AWS S3 + CloudFront
- Vercel
- Netlify
- GitHub Pages

## Customization

### Colors

Edit CSS variables in `styles.css`:

```css
:root {
  --primary: #0071e3;
  --success: #34c759;
  --warning: #ff9500;
  --danger: #ff3b30;
}
```

### API Endpoint

Change API URL in `dashboard.js`:

```javascript
const API_URL = 'https://your-api.com/v1';
```

## Browser Support

- Chrome 90+
- Firefox 88+
- Safari 14+
- Edge 90+

## License

MIT