After 9/11, there were reports of people ripping off Muslim womens' hijabs. After the 2016 Presidential Election, middle schoolers threatened their Latinx classmates with chants for deportation. Monuments of the Confederacy dot college campus in the South. More recently, Duke University has experienced a rash of vandalism linked to Nazism. While these are the instances of hate speech and aggression that enter the news cycle, for many minorities and women, catcalls, microaggressions, and worse are facts of daily life. This web app hopes to help broadcast and validate the experiences of these communities, allowing their voices and experiences to be heard, while encouraging folks who don't face some of these challenges, or who face different challenges, to see and understand the struggles of others.

What it does

Allows users to anonymously drop location pins with descriptions of what they encountered at specific locations. Can filter different types of incidents for the map display.

How I built it

The front-end was built with CSS, back-end with javascript, integrated with the GoogleMaps API, with databases stored to Google's FireBase.

Challenges I ran into

GoogleMaps API

Accomplishments that I'm proud of

Integration of the GoogleMaps API, our javascript code, and Firebase. How nice it looks!

What I learned

So much...working with APIs, working under pressure, javascript, databases, etc.

What's next for Campus Watch

A mobile app, filters for spam and inappropriate images, messaging hotline for help, retroactively dropping locations. Maybe some data representation/filter-by-time functionality.

Share this project: