Back to Projects
Web-Based Information System

Empowering NGOs with Real-Time Volunteer and Disaster Management

11/15/20221 views
YEU Web-Based Information System Overview

Problem

Humanitarian organizations frequently face logistical and communication bottlenecks during natural disasters — especially when coordinating volunteers and managing distributed information sources. YAKKUM Emergency Unit (YEU), a disaster relief NGO, required a system that could handle:

  • Volunteer registration and assignment tracking.
  • Transparent communication between internal teams and public stakeholders.
  • Efficient information dissemination across web platforms.
  • Manual methods such as spreadsheets and social media posts often led to fragmented data and slow response times.

Solution

A Laravel-based web platform was developed as a centralized information system for YEU. The platform acts as both a CMS and public information portal, connecting staff, volunteers, and communities through a shared, accessible interface.

Core Features:

  • Volunteer Management System – registration, task allocation, and activity logs.
  • Disaster Response Dashboard – live updates on ongoing emergency events.
  • Public Information Hub – publishes verified news, statistics, and visual infographics.
  • Interactive Maps (Leaflet.js) – visualize locations of aid, shelters, and field teams.
  • Responsive Interface (Flowbite + Tailwind) – mobile-first design for accessibility.

tldr

  • Situation: NGOs faced difficulty in managing volunteers and sharing real-time disaster information.
  • Task: Build a scalable and accessible information system to improve communication and coordination.
  • Action: Developed a Laravel web platform with a Leaflet-based mapping system and CMS features.
  • Result: Improved transparency, data accessibility, and volunteer coordination for YEU’s relief missions.

Technical Highlights

  • Backend: Laravel (PHP Framework)
  • Frontend: Flowbite, TailwindCSS
  • Mapping: Leaflet.js for geospatial data visualization
  • Database: MySQL
  • Hosting: Deployed on NGO’s internal server and integrated with their communication systems
  • Team: 5 developers (internship collaboration with YAKKUM Emergency Unit)
Volunteer Activity Dashboard
Team Collaboration at YEU Office
Public Presentation and Outreach Event

Reflection

This project was a significant experience in applying technology for social good, where design choices directly influenced how quickly communities could access critical information. The collaboration with YAKKUM Emergency Unit highlighted the importance of human-centered design, especially in tools used during high-pressure humanitarian operations.

Key takeaways:

  • Integrating geospatial visualization enhanced situational awareness.
  • Maintaining open, easily updatable systems empowered non-technical staff to manage data.
  • Web accessibility and reliability are as vital as backend logic in NGO applications.
  • Future iterations could include:
  • Mobile-first PWA (Progressive Web App) for offline coordination.
  • Volunteer check-in/check-out via QR code.
  • Integration with SMS or WhatsApp for low-connectivity regions.