Yunimo30/HANDA-Management-Portal

Prototype version for a Health and Climate Risk Management Web Application # HANDA - Health and Climate Risk Management Portal A modern web application for managing and visualizing health and climate risk data. Built with JavaScript and TailwindCSS, HANDA provides an intuitive interface for tracking health incidents and climate data while offering powerful visualization and reporting capabilities. ## Features ### 🔐 User Management & Security - Role-based access control (Admin/Staff) - Secure user authentication - User activation/deactivation - Protected routes and API endpoints ### 📊 Data Visualization - Interactive health trends analysis - Timeline view (line chart) - Category comparison (bar chart) - Distribution analysis (pie chart) - Multi-metric analysis (radar chart) - Climate data visualization - Geographic risk mapping ### 📋 Records Management - Health incident tracking - Climate data monitoring - Location-based record organization - Bulk data import/export ### 📈 Reporting & Analytics - Customizable report generation - Data filtering and aggregation - Export functionality (CSV) - Trend analysis and insights ### 🎨 Modern UI/UX - Responsive design for all devices - Dark/Light mode support - Smooth transitions and animations - Intuitive navigation ## Tech Stack - **Frontend Framework**: Vanilla JavaScript (ES6+) - **Styling**: TailwindCSS - **Build Tool**: Vite - **Data Visualization**: Chart.js - **Mapping**: Leaflet.js - **State Management**: Custom implementation - **Data Storage**: LocalStorage with service abstraction - **Date Handling**: date-fns ## Project Structure ``` HANDA-Management-Portal/ ├── src/ │ ├── js/ │ │ ├── models/ # Data models and types │ │ ├── services/ # Business logic and data handling │ │ ├── utils/ # Helper functions and utilities │ │ └── views/ # UI components and view logic │ └── css/ # Stylesheets and TailwindCSS config ├── public/ # Static assets and sample data │ ├── climate_100.csv │ └── disease_100.csv ├── index.html …