Zero Kare

It’s more than a map; it’s a pathway to peace of mind, tailored for the unique needs of motherhood.

Comment

Inspiration

Our inspiration for Zero Kare stemmed from the need to combine the power of 3D mapping, real-time environmental data, and accessibility to nearby healthcare facilities into a seamless and interactive user experience. With an ever-growing demand for more context-aware applications, we envisioned a tool to empower users with vital insights about their surroundings.

What it does

Zero Kare is an interactive web application that integrates 3D mapping, environmental data, and location-based services. It allows users to:

  • Navigate to specific locations with an enhanced 3D visualization.
  • Access real-time environmental metrics, including air quality and weather conditions.
  • Discover nearby healthcare facilities and wellness centers within a specified radius.

How we built it

Zero Kare was built using:

  • Google Maps API for 3D visualization, location search, routes and nearby services.
  • OpenWeatherMap API for real-time environmental data (air quality and weather).
  • HTML, CSS, and JavaScript for the frontend interface.
  • Custom scripts for managing 3D markers, elevation data, and dynamic environmental data display.
  • GSAP For creating responsive animations. -Capacitor (Andriod) For mobile capabilities, to increase access. (APK link provided down below)

Challenges we ran into

  1. Integrating 3D features: Using the Google Maps 3D API effectively while managing real-time data and dynamic rendering.
  2. Environmental data fetch: Managing API rate limits and ensuring seamless data integration from OpenWeatherMap.
  3. Accuracy of nearby searches: Refining the search radius and handling cases where no facilities matched the query.
  4. Performance optimization: Rendering 3D elements and updating environmental data without affecting the user experience.

Accomplishments that we're proud of

  • Successfully implemented a fully interactive 3D mapping interface with dynamic markers.
  • Integrated real-time environmental data, providing users with actionable insights.
  • Developed a seamless user experience for navigating and discovering nearby healthcare facilities.
  • Ensured cross-platform compatibility and responsive design.
  • Mobile app version: Expand accessibility by developing a mobile version of the application.
  • Cloud run: Switched to a more robust server and leverages Firebase for authentication and user profile management.
  • New Routes Api: To calculate the distance to the nearest hospital and display traffic data

Gamification - Hotspot Analysis: Allows users to find and analyze environmental hotspots on a 3D map. - Score and Sustainability Rating: Tracks the user's score and provides a sustainability rating based on their progress. - Confetti Celebration: Celebrates successful hotspot analysis with a confetti effect. - Camera Controls: Offers smooth camera controls to explore the 3D map, including fly-to and fly-around functionalities. - Dynamic Hotspots: Generates hotspots dynamically based on the map's center location. - Environmental Tips: Periodically displays interesting facts about environmental sustainability. - Wind Simulation: Simulates wind conditions, updating the wind speed and direction periodically.

-

The game encourages players to explore their area, find farmers' markets (represented by markers on the map), and virtually "visit" them to earn points and increase their sustainability score. Players are rewarded for sharing their progress on social media. The game uses the Google Maps 3D API, Places API (for location search and place details), and Places Insights API to find restaurants and farms as proxies for farmers' markets within a chosen area. The game also includes a visual sustainability dashboard and achievement popups to enhance user engagement.

What we learned

  • The intricacies of working with advanced Google Maps APIs and handling 3D data visualization.
  • Optimizing API calls and data processing for performance and scalability.
  • How to design an intuitive UI/UX for a data-rich application.
  • The importance of error handling and fallback mechanisms when working with external APIs.

What's next for Zero Kare

  • Advanced filters: Enable users to refine searches by facility type, distance, or ratings.
  • User accounts: Add login functionality for saving favorite locations or previous searches.
  • AI integration: Leverage AI for smarter recommendations and deeper insights into environmental impacts on health.
  • Community-driven data: Incorporate user feedback and reviews for healthcare facilities.

Built With

Share this project:

Updates