Design-Based Research Capstone

Dynamic Event Calendar

A system of interactive web tools for Safe Passage Heals — centralizing community events through a dynamic event calendar, and media management (blog and admin interface).

Dynamic Event Calendar — Interactive Community Event Management for Safe Passage Heals
View Project
Working draft
Project Leads Ruchika Kench, Akshara Shankar, Avantika Chittari

Dynamic Event Calendar, Event/Media management, and Login System

✓ Interactive calendar shows all upcoming Safe Passage Heals events in a centralized view, with important event details displayed
✓ Login system allows admins to access a secure dashboard to add events, which automatically update the calendar and blog
✓ Blog displays all upcoming events writeups based on calendar data to effectively manage media
HTML / CSS / JavaScript Flask Backend with a SQLITE database GitHub Pages Deployment

About

Safe Passage Heals hosts workshops, support groups, and community events for survivors of domestic violence. Event information was previously scattered across posts and flyers. The Dynamic Event Calendar centralizes events in an interactive monthly view where users can click to see details, flyers, and registration links. Built with FullCalendar.js and a Flask + SQLite REST API backend

Impact

Centralizes all upcoming events into one interactive calendar, eliminating the need to search multiple pages
Allows users to view event details and register instantly with a single click
Provides a clean, organized, and engaging browsing experience
Enhances event visibility and encourages greater community participation for Safe Passage Heals
Learn More

Project Videos

Blog
Event Calendar
Login