🦟 BuzzMap: A Crowd-Sourced Dengue Outbreak Prevention and Intervention System with Prescriptive Analytics

A comprehensive web platform for dengue surveillance, community engagement, and public health management in Quezon City with advanced analytics and intervention capabilities.

🌐 Live Demo: https://buzzmap-client.vercel.app/home

📋 Table of Contents

• Overview
• Features
• Tech Stack
• Key Features
• Contributing
• License

🎯 Overview

BuzzMap is a comprehensive dengue outbreak prevention and intervention system that leverages crowd-sourced data and prescriptive analytics to combat dengue fever in Quezon City. The platform combines community engagement with advanced data analytics to provide actionable insights for public health officials.

• 👥 Community Members: Report dengue cases, engage in discussions, and access prevention resources
• 👨‍⚕️ Health Administrators: Manage reports, coordinate interventions, and analyze data with prescriptive analytics
• 🔧 Super Administrators: Oversee user accounts and system administration

✨ Features

🗺️ Interactive Mapping

• Real-time Dengue Case Mapping: Visualize reported cases on interactive maps
• Risk Level Assessment: Color-coded risk zones based on case density
• Street View Integration: Detailed location verification using Google Street View
• Quezon City Boundaries: Precise geographic data for accurate case plotting

👥 Community Engagement

• Social Feed: Share reports, announcements, and prevention tips
• Comment System: Community discussions and information sharing
• Reaction System: Like, share, and react to community posts
• User Profiles: Personalized user experience with profile management

📊 Administrative Dashboard

• Report Verification: Validate and manage community-submitted reports
• Intervention Management: Plan and track dengue prevention interventions
• Prescriptive Analytics: Advanced data analysis with actionable recommendations
• Alert System: Real-time notifications for new cases and outbreaks

🔐 Multi-Role Authentication

• User Roles: Community members, administrators, and super administrators
• Secure Access: Role-based permissions and protected routes
• Session Management: Persistent login with secure token handling

📱 Responsive Design

• Mobile-First: Optimized for all device sizes
• Modern UI: Clean, intuitive interface with Tailwind CSS
• Accessibility: WCAG compliant design principles

🛠️ Tech Stack

Frontend

• React 18.3.1 - Modern UI library
• Vite 6.2.0 - Fast build tool and dev server
• Tailwind CSS 4.0.15 - Utility-first CSS framework
• Redux Toolkit - State management
• React Router DOM - Client-side routing

Mapping & Visualization

• Leaflet - Interactive maps
• Google Maps API - Street view and geocoding
• Chart.js - Data visualization
• Recharts - Advanced charting library
• @turf/turf - Geospatial analysis

UI Components

• Lucide React - Icon library
• React Toastify - Notifications
• Swiper - Touch sliders
• Phosphor React - Additional icons

Development Tools

• Prettier - Code formatting
• Vite Plugin Rbeact - React support

📖 Key Features

For Community Members

• Case Reporting: Submit dengue case reports with precise location mapping
• Community Engagement: Participate in discussions and share prevention tips
• Real-time Updates: Access latest health alerts and prevention resources

For Health Administrators

• Comprehensive Dashboard: View analytics, reports, and intervention management
• Data Visualization: Monitor trends and generate insights through interactive charts
• Intervention Coordination: Plan and track prevention activities

For System Administrators

• User Management: Oversee accounts and permissions across the platform
• System Analytics: Access comprehensive platform performance metrics

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🙏 Acknowledgments

• Quezon City Health Department - For domain expertise and guidance
• Open Source Community - For the amazing libraries and tools

---

Made with ❤️ for public health and community safety