SafeHorizonHK

• 

  view of safe zones and protest routes

• 

  view of pointers on the map with options

Inspiration

The inspiration for this project came from the ongoing challenges faced by protesters in Hong Kong who seek to voice their opinions in a peaceful and safe manner. As protests have been a critical part of Hong Kong’s political landscape, the need for a platform that ensures participants can protest safely—while being informed, organized, and protected—became more evident. The goal was to provide resources that help people participate in demonstrations with a focus on safety, legal protection, and support for their rights

What it does

By providing real-time alerts, legal resources, and safe protest zones, we aimed to minimize harm and maximize the impact of peaceful demonstrations, helping individuals assert their rights while protecting their safety in a challenging environment.

How we built it

This project was developed with a combination of frontend and backend technologies to ensure both usability and functionality. I used HTML and CSS for the front-end, ensuring the design was user-friendly, responsive, and accessible. The site features key resources, including:

Protest Safety Tips: Information about protective gear, legal rights, and actions to avoid confrontation with authorities. Real-time Alerts: Updates on protest locations and any potential risks, ensuring participants are informed at all times. Emergency Resources: Links to legal aid, medical assistance, and emergency contacts. Interactive Maps: Showcasing safe zones and key locations for protests.

Challenges we ran into

The biggest struggle was working with Firebase—getting the real-time notification system to work properly was trickier than I expected. I also had to be mindful of the platform’s security and make sure everything was anonymous and protected, which added extra layers of complexity. But despite these hurdles, the website was able to provide the tools needed for safe protest participation.

Accomplishments that we're proud of

that i was able to make a website that works and can actually help the people of hong kong

What we learned

i learned about firebase , google maps api , node.js and express.js

What's next for SafeHorizonHK

it would be to add moe features like messeging to peers in the protest with full security , more accurate presence of police and transition to apps for which i will have to learn more

Built With

• bootstrap
• css
• express.js
• firebase
• googleapimaps
• html
• javascript
• node.js