Inspiration

Initially, while we were discussing ideas, we talked about what kinds of things we can build that will help people. The first thought that came to mind was helping homeless people since one of us volunteers for our local church, helping to serve homeless people. Regarding design, I'd say the biggest inspirations were other fundraising websites like GoFundMe. We took inspiration from its design and made our own.

What it does

Users will be able to access our website, create an account, and fill out a form. The form will ask them what type of items they are willing to donate. If they choose to donate money through their credit or debit card, a set of credit/debit card info will appear. Then, users can choose locations that are available at the moment (more coming soon) and then submit.

How we built it

We built this website's front end using HTML, CSS, and Javascript. For the backend, we used Node.js / Express.js, and for the database, we used PostgreSQL.

Challenges we ran into

Some of the challenges we ran into were minor CSS styling or HTML tag missing issues for the front end. For the backend, some issues were that not all members were able to get the server running. For that, we had to make sure everyone had the necessary libraries installed on their devices. Then, we also ran into some issues when it came to pushing our code into GitHub (merge conflicts, forgetting to git add, etc.).

Accomplishments that we're proud of

Honestly, based on the timing of the hackathon and since this group was formed during the hackathon, we are proud of what we have built. Many of us are new to some of the languages on the tech stack for this project, such as PostgreSQL and Node.js / Express.js. So, based on the challenges and the results, we are proud of what we were able to accomplish within 48 hours.

What we learned

We learned many new things about the tech stack and how to use them in different aspects of our project. We also learned about teamwork and communication, which was important. We learned to ask more questions to our group members and not be afraid to ask them.

What's next for Safe Haven

The next thing for Safe Haven is an improved version of the AI chatbot, a live map to view the locations, business account availability, etc.

Built With

Share this project:

Updates