Oracle69digitalmarketing/ChildResilience-Agent

ChildResilience-Agent is an AI-powered incident reporting platform for child-focused climate resilience. It classifies hazards affecting children, tags severity, supports multilingual reporting, triggers alerts to authorities, and updates real-time dashboards — UNICEF-aligned and scalable for low-resource regions. # ChildResilience-Agent Frontend ChildResilience-Agent is a Progressive Web App (PWA) designed to empower children, caregivers, and community responders in crisis situations. It provides real-time incident reporting, shelter discovery, and offline-ready dashboards that integrate directly with the backend resilience engine. This frontend is built with React + Vite + TailwindCSS, and enhanced with PWA support for field deployment in low-connectivity regions. --- ## 🚀 Features 📱 Installable PWA — Works as a mobile app with offline support. 🏠 Shelter Map & Directory — Locate nearby shelters with capacity, type, and contact info. 🚨 Incident Reporting — Submit child protection, safety, or climate-related incidents. 🔔 Multi-channel Alerts — Integrates with backend for SMS, WhatsApp, and email notifications. 🌍 Multilingual Ready — Supports English by default with future i18n support. 🔒 JWT Auth Integration — Secure login and role-based access. 📊 Resilience Dashboard — Visualize incidents and response activity in real-time. --- ## 🏗️ Tech Stack Framework: React (Vite) Styling: TailwindCSS + shadcn/ui components State Management: React Query PWA Support: vite-plugin-pwa Maps: Leaflet + OpenStreetMap Notifications: Integrated with backend (SNS, Twilio, Email) Auth: JWT from FastAPI backend --- ## 📂 Project Structure frontend/ ├── public/ # Static assets (PWA icons, manifest) ├── src/ │ ├── api/ # Axios clients for backend APIs │ ├── components/ # Reusable UI components │ ├── features/ │ │ ├── shelters/ # Shelter listing & map │ │ ├── incidents/ # Incident reporting UI │ │ └── auth/ # Login / Register flows │ ├── hooks/ # Custom React hooks │ ├── pages/ # App pages │ ├── App.jsx # Main app entry │ └── main.jsx # PWA registration + React root ├── vite.config.js # Vite + PWA setup ├── tailwind.config.js # Tailwind set …