Inspiration

The idea for Community Risk Monitor was inspired by the need for real-time information on local safety, weather conditions, traffic updates, and emergency alerts. With increasing concerns about community well-being, we wanted to provide a tool that keeps residents informed and allows them to make proactive decisions about their safety.

What it does

Community Risk Monitor is a real-time application that provides location-based monitoring of community safety, including:

  • Fire incidents, crime statistics, and emergency alerts.
  • Weather updates and disaster warnings.
  • Traffic updates and local news.
  • Voice assistant user interactions.

It helps users stay informed about the risks and conditions in their area.

How we built it

We built the project using a combination of modern web technologies:

  • Frontend: React + TypeScript + Vite for a fast, interactive UI.
  • Backend: Express.js + Node.js to handle API requests and serve data.
  • AI Architecture: CrewAI
  • UI: Tailwind CSS + Radix UI for clean, responsive design.
  • Voice Recognition: Web Speech API for voice command features.
  • Maps: Leaflet for interactive maps displaying locations and updates, GoogleMaps

We integrated third-party APIs such as Pirate Weather, News API, and TomTom for real-time weather, traffic, and news data.

Challenges we ran into

  • Integrating multiple third-party APIs (Weather, Traffic, Crime Data) while ensuring seamless performance and avoiding rate limit issues.
  • Ensuring real-time data updates without affecting app performance, especially during high traffic conditions.
  • Voice recognition functionality had compatibility challenges across different browsers and devices.
  • Balancing a feature-rich app with a smooth, intuitive user experience.

Accomplishments that we're proud of

  • Successfully implemented a voice assistant ("Attila") to interact with the app.
  • Integrated real-time data sources, providing live updates on weather, traffic, and news based on the user's location.
  • Developed a responsive, clean UI using modern frontend technologies like React and Tailwind CSS.
  • Built a seamless connection between the frontend and backend for fast data retrieval and display.

What we learned

  • The complexity of integrating multiple APIs into a single, cohesive user experience.
  • The importance of managing performance while handling real-time data feeds.
  • How to leverage modern JavaScript frameworks (React, TypeScript) alongside backend solutions like Express.js to build full-stack applications.
  • Enhanced understanding of voice recognition technology and its application in web interfaces.

What's next for Community Risk Monitoring

  • Enhanced User Customization: Allow users to set custom location-based alerts for specific incidents (e.g., local crime or severe weather).
  • Mobile App: Develop a mobile version of the app for more on-the-go access.
  • AI-driven Insights: Use machine learning to predict future risks or incidents based on historical data.
  • Community Reporting: Allow users to report incidents and share updates with others in the community.

Stay tuned for updates as we continue to enhance the Community Risk Monitor and make it a valuable resource for community safety!

Built With

Share this project:

Updates