CivicPulse

Inspiration

Many students want to do well in their studies, but they often feel confused about where to start or how to stay consistent. Long study hours feel tiring, and strict timetables don’t always work.

StudyFlow was inspired by the idea of a friendly guide, not a strict teacher—a website that gently helps students plan their day, stay focused, and feel good about little progress.

The aim is to make studying feel lighter, calmer, and more achievable so that students can learn with confidence instead of stress.

If you want it even shorter, cuter, or more professional, tell me, and I’ll tweak it

What it does

CivicPulse is a web platform that lets people report local crises and shortages—like water cuts, power outages, medicine unavailability, or road blocks—and instantly shows these alerts on a live map for nearby users.

How we built it

Frontend (User Interface)

Built using HTML, CSS, and JavaScript

Users can:

Submit crisis reports through a simple form.m

View alerts on an interactive live map.

Filter alerts by category and severity

We used Leaflet.js to display location-based alerts with colour-coded pins.

Backend (Logic & Data)

Built using Python with Flask

Handles:

Storing crisis reports

Fetching nearby alerts

Updating status (Reported → Verified → Resolved)

Keeps the system fast and reliable for real-time use

Database

Used SQLite / JSON to store:

Issue type

Location

Time

Severity

Status

Lightweight and perfect for a hackathon prototype

Data Flow

User submits a crisis repo.rt Frontend sends data to the Python backend Backend stores and processes the report Map updates instantly for nearby users We focused on building a practical, scalable solution that works in real-world conditions rather than overcomplicating the technology

Challenges we ran into

One of the major challenges was handling accurate location mapping while keeping the system lightweight and fast. We also faced difficulties in organising different types of crises clearly without overwhelming the user interface. Another challenge was ensuring meaningful data representation with limited hackathon time, which required prioritising essential features over complex ones.

Accomplishments that we're proud of

We developed a full-stack, location-aware web application that enables real-time reporting and visualisation of local crises. The system integrates a responsive frontend, a Python-based backend, and a live map interface to process, store, and display community-generated alerts efficiently within hackathon constraints.

What we learned

We learned to build a real-time, location-based web application, strengthen frontend–backend integration, and handle geolocation with live map updates. We also learned the value of simple user-centred design and effective team collaboration under tight hackathon timelines.