Helping Hand

• 

  Feed

• 

  Create a Post

• 

  Sign In

Headline

My team members did not respond when I tried to contact them, so I'm doing this project alone

Inspiration

There's so many people around us who need help that we'll never know, whether it be the people we pass by as we go to work, the people playing at the park you always jog at, or even the other customers at the coffee shop you always drink at. For some of those people who need help, their request for help may be too irrelevant or they may feel too uncomfortable to call the police, leaving them to suffer silently. At the same time, even when people want to help, there's also a stigma of inconvenience around the idea of aiding somebody. Attempting to address both problems, I was inspired to create a website that would bring into light people's needs, make helping someone out more convenient(and thus encourage more people to help each other), and advocate the idea of our local community looking out for each other.

What it does

Helping Hand shows posts from users who need some form of help or would like to offer help within a quarter-mile range. Users can double click to extend a "helping hand" to the other user's post, notifying the other user, create their own post to offer or ask for help, and view their saved and their own posts.

How I built it

I used Javascript, HTML, CSS to create the website. I used Google Maps API and the Geocoder API to calculate the location of each user and determine which users were within range of each other. I used Firebase to save each post information.

Challenges I ran into

Figuring out how to use Firebase and Google Maps API

Accomplishments that I'm proud of

Actually making the website work, along with being able to notify users when somebody else has decide to select their post.

What I learned

How to use Firebase and Google Maps API

What's next for Helping Hand

Create user profiles and have a filter option

Built With

• css
• firebase
• google-maps
• html
• javascript
• visual-studio