There are many news articles trending online that describe acts of violence specifically against people of Asian descent because of the recent Coronavirus outbreak. We wanted to raise awareness of this issue with an interactive web application.

What it does

Our application polls data from anonymous tippers and plots the locations submitted on the map. With this data, users can find out which areas are dangerous and can thus avoid them. Our app also has an educational component where we help educate people on this issue and give them tips as to how to avoid they can avoid confrontation.

How we built it

We used HTML, CSS, and JS for the frontend component to our website. For the backend, we used Google's Firebase Realtime Database to collect and store the incident data. For our map, we used the Google Maps API.

Challenges we ran into

It was definitely difficult not being able to work with each other in person. We got over this hurdle by using Trello (a Kanban board) to assign tasks to each member as well as Google Hangouts for frequent discussions on how to move forward with the project.

Accomplishments that we're proud of

We're proud that we were able to develop an interactive and visually-appealing web application for a good cause!

What we learned

We learned how to create a simple web application leveraging Firebase as a backend. We also learned how to work in an agile development environment.

What's next for #NoCoronaDiscrimination

The next steps for this project are that we want to be able to look for incidents online on new articles and other resources and then plot them on the map. Furthermore, spreading awareness is one thing and taking action upon it is the other. So, for the next steps, using the information we collected we want to be able to contact the authorities. We want to build a system that can also be used by the authorities so they can pinpoint which areas need attention.

Share this project: