-
-
google maps featuring free food information
-
about page
-
login page
-
home page
Inspiration
We were bothered by how much food is wasted on a daily basis. The food industry is responsible for a large portion of this waste, and it's a travesty that local people go hungry daily, while the food goes to waste.
What it does
Our app provides a way to connect restaurants and grocery stores that have a surplus of food with people who may not be able to afford enough food. It's sort of like a combination of Google Maps and Carigslist.
How we built it
Local Bread was implemented with HTML, CSS, and JavaScript. Packages were handled using Node. We hosted the app using Firebase, and used a Google Maps API to represent the locations of businesses. Development was also accelerated by colloborating using VSCode Live Server and Code Sharing.
Challenges we ran into
We tried React, but struggled quite a bit with getting anything working, since we lacked experience in this framework. Installing React Native and Expo cost us a few hours before we switched to vanilla JavaScript. Another challenge was working with Firebase, as the login page and database never quite got implemented as we ran into bug after bug.
Accomplishments that we're proud of
Considering that we are were an inexperienced team with no CS majors and other obligations during the hackathon, we still managed to deploy a multi-page site with an API over the course of a single day, all while working remote.
What we learned
Two of our team-members learned: HTML, CSS, JS, Github, and Figma all in one day. The other two of us learned how to fix many installation errors and adapt to changing technologies through the hackathon.
What's next for Local Bread
Implementing the login functionality and a database to store the geolocation and other information regarding food make for good next steps.
Log in or sign up for Devpost to join the conversation.