Reach A Heart

Find your path to lend a hand to those in need.

Comment

Inspiration

Often when there is a calamity/disaster happening around the world, we see it in the news and on social media, we feel helpless even though we want to do our bit for society. The same happens for social causes. We sometimes don't realize that even the smallest of our gestures can prove to be generously beneficial to the less fortunate ones. Sometimes we are unable to access the resources that are working in the area where we can provide our help. Thus, we wanted to provide a one-stop place for people to find what they can donate or help in ways that are within their means to the organizations that can help. Our aim was to build a platform where people who want to make the smallest donations and big shot philanthropists can get in touch with the organizations. People can actually help their localities from any corner of the world by just putting the location they want to help in and finding the organizations and charitable events around them.

What it does

Finds ways you can help and connects you to organizations that are working in that area. It shows what the organizations need urgently and what is the progress with the requirements gathering. You can search for events and organizations near any location and make your donations.

How I built it

The web platform was built using the ReactJS framework for front-end development. We used Charity-Navigator API to get of the organizations around you. The result-set was parsed and the results were generated as per the query parsed by the user. The website was hosted on the domain name "www.reachaheart.online" using Github pages. A Continuous Integration / Continuous Deployment pipeline was set up for automatic builds.

Challenges I ran into

The list goes on:

  • Finding data/resources
  • Building a CI/CD pipeline (something new to learn!)
  • Fixing CORS issues
  • Setting up the domain
  • Dealing with DNS issues
  • Settling on a good color scheme
  • Multiple revisions on core product idea based on feedback from mentors
  • Learning and implementing ReactJS (something new to learn!)

Accomplishments that I'm proud of

  • Setting up the CI/CD pipeline
  • Setting up the domain
  • Requirements gathering and planning of the project

What I learned

  • Building a CI/CD pipeline
  • Learning and implementing ReactJS
  • Setting up the domain
  • Github branching

What's next for Reach A Heart

Features for later:

  • Events organized by the non-profits
  • Requirements posted by non-profits
  • Showing updates for the funds raised and progress
  • Non-profit organizations success stories
  • Fundraisers
  • Fetching charitable events happening around
  • Integrate AI for improvement of the system

Built With

Share this project:

Updates