Community-Impact-Map

Help your communnity grow closer together by working on shared tasks.

Comment

Community Impact Map

Inspiration

Inspired by the theme of "Growth", we aimed to build an application that could help people grow as individuals by fostering stronger community connections. The idea revolved around using a map to pinpoint areas where people could host community events, ultimately helping local communities grow closer as a team.

What It Does

The application allows users to:

  • Use a map interface to pinpoint tasks or events on a shared map.
  • View pins representing events created by others.
  • Click on a pin to view:
    • A description of the task.
    • A progress value that reflects the completion status of the task (updated manually by event attendees).

Current State

  • A user interface and integration with the Google Maps API were successfully implemented.
  • Users can add pins to the map by manually inputting the longitude and latitude.
  • Clicking on a pin displays its description and progress value.

How We Built It

We developed the project using:

  • Backend: Python with Flask for routing and server logic.
  • Frontend: HTML, CSS, and JavaScript for the user interface.
  • Database: SQL for tracking and managing events near the user’s location.
  • Authentication: Auth0 integration for easy login and sign-up functionality.

Challenges We Ran Into

  • Time Limitations: We couldn’t implement all the components we envisioned for the website.
  • Learning Curve: For most of the team, it was our first time working with these technologies. Adjusting to them and resolving bugs was challenging.
  • Incomplete Features: While we made progress, the project was not fully completed.

Accomplishments We’re Proud Of

  • First Hackathon Success: Despite being our first Hackathon, we successfully got multiple components to function together.
  • First-Time Flask Usage: We used Flask for the first time to link our backend with a mock database and the frontend.
  • Collaboration: We worked on different components individually and brought them together successfully as a team.
  • Learning Experience: While not perfect, the experience was invaluable, and we’re proud of what we achieved.

What We Learned

  • GitHub Integration: How to manage our projects collaboratively using GitHub.
  • Flask: Setting up routes and integrating backend logic with a frontend.
  • SQL: Managing theoretical events using SQL.
  • Practical Experience: Most of the tools and technologies we used were new to us, and we learned a lot by exploring and applying them during this project.

What's Next for Community Impact Map

We plan to continue the project after the Hackathon with the following goals:

  • Enhanced Pin Creation: Allow users to specify locations by interacting directly with the map, rather than manually entering longitude and latitude.
  • Feature Completion: Implement all envisioned features, leveraging the knowledge gained from this Hackathon.
  • Optimization: Refine the application for smoother functionality and a better user experience.
  • Expand Functionality: Introduce additional features to further foster community collaboration and engagement.

This project was an excellent first step toward building a tool that can bring communities together while providing us with valuable learning experiences.

Share this project:

Updates