A field-operations MVP combining a live map view, real-time analytics, drag-and-drop task management, and a companion mobile interface — built as a single React 19 + Vite SPA.
🔗 Live demo: eia-webb.vercel.app
Built as a rapid MVP to pitch a field-operations workflow combining maps, analytics, and task assignment in one screen.
| 🗺️ Map View | Interactive Leaflet map for plotting field assets, assignments, and zones |
| 📊 Analytics Panel | Chart.js dashboards for live ops metrics |
| ✅ Task Management | Drag-and-drop task board (react-beautiful-dnd) for assigning and tracking field jobs |
| 📱 Mobile Interface | A separate in-app mobile view simulating the field-worker companion experience |
Framework React 19 + Vite 6
Maps Leaflet · react-leaflet 5
Charts Chart.js 4 · react-chartjs-2 5
Drag & drop react-beautiful-dnd
Lint ESLint 9 (flat config) + react-hooks plugin
Deployment Vercel
git clone https://github.com/Arun-Raghav-S/EIA_WEBB.git
cd EIA_WEBB
npm install
npm run dev # → localhost:5173Other scripts:
npm run build # production build
npm run preview # preview the production build locally
npm run lint # ESLintsrc/
├── App.jsx
├── main.jsx
└── components/
├── Dashboard.jsx # main desktop layout
├── Mapview.jsx # Leaflet map
├── AnalyticsPanel.jsx # Chart.js metrics
├── TaskManagement.jsx # drag-and-drop task board
└── MobileAppInterface.jsx # mobile companion view
This is an early MVP — the focus was nailing the layout, navigation, and interactive primitives (map + charts + drag-and-drop + mobile shell) in one Vercel-deployable SPA. Backend wiring, auth, and persistence are intentionally stubbed.