The inspiration for this tool was that I was not able to find a sufficient amount of volunteering opportunities in my community. Thus, I built a tool to help visualize and encourage people to volunteer in places that are closer to their homes while supporting their community and those in need.

What it does

This tool scrapes a JS API and then renders the results onto a UI-friendly website. I used geolocation to find users' location and the nonprofits with respect to the location.

How we built it

I built this tool using ReactJS and CSS for styling. The ReactJS side used fetch() API calls to call the JSON API.

Challenges we ran into

I ran into numerous challenges, one of the most prominent was the integration of the map onto the website, for which there were few viable options. In addition, fetching the data from the JSON API proved to be difficult using asynchronous functions.

Accomplishments that we're proud of

I'm proud of the visualization and the UI friendliness of the app. I'm also proud of the impact that this tool could make on the community by allowing more people to make a difference in their community.

What we learned

I learned a lot of ReactJS and the more intricate details of hooks and objects. I also learned to integrate maps and correctly visualize data.

What's next for GoHelp!

I hope to add more functionality and features to this app by allowing for a rewards program which encourages volunteers to sign up for more nonprofits. I also hope to add "advertising" for nonprofits which allows them to gain more volunteers and aid them in supporting the community.

Built With

Share this project: