Inspiration
We have seen a drastic increase in the number of people within the United States who are in a state of food insecurity. Unfortunately, this increase is correlated with the stress that the pandemic has laid on our nation's food banks. We knew that there had to be a way to solve this issue, so we made Food For All, a social media-esque, platform where banks can request and users can donate.
What it does
Both banks and users can sign up. Banks can make requests which the users can see, and the users can sign up to donate a certain amount. We also utilize the google maps API to show food bank locations across the continental United States.
How we built it
We used the MERN stack, which consists of MongoDB, Express, React, and Node.JS. We also used some typescript for the google maps API. Additionally, we used bootstrap/react-bootstrap for the front-end.
Challenges we ran into
One of the challenges we encountered was getting logout to logout the user and also allow them to log back in. This was because JS local storage saves booleans as strings instead of booleans. Another problem we had was only allowing food banks to see the create an request option and not the user.
Accomplishments that we're proud of
We're proud of the login and sign up working, the google maps map with food bank locations, and the donation page where users can donate.
What we learned
We drastically improved our skills in mongodb, express, react, and node. We also learned about working together in making robust web applications.
What's next for Food For All
We hope to launch food for all as an actual service, and the main things preventing us are the legal bindings, moderation, coordination, and making sure that users deliver what they have promised. We likely need to have a more complex form on the donation page than just the number.
Log in or sign up for Devpost to join the conversation.