Food 4 All

Brainstorming
Slide 1(presentation)
Slide 2(presentation)
Slide 3(presentation)
Slide 4(Presentation)
Slide 5(Presentation)
Slide 6(Presentation)
Mongo schema brainstorm
Individuals/ Volunteers can signup in the platform to fulfill their community service needs.
Businesses can signup in the platform to post foods that would otherwise go wasted.
Dedicated organizations who help feed needy can signup in our portal.
Business can post their extra foods in the site
Businesses can login with their username and password
Homepage
Organizations/ Volunteers can login with their username and password
Organizations/ Volunteers can see foods posted by businesses
Businesses can view their posts from their dashboard

Inspiration

Inspired by the theme of social good, we set out to help those in need, and eventually settled on food to combine the problems of hunger and waste.

What it does

Food 4 All is where extra food meets hunger to help kill two birds with one stone by allowing restaurants and stores to post their food for those in need to claim.

How we built it

We built the app with mainly React for the frontend with Material UI, HTML/CSS, and JavaScript. For the backend, we used Flask and MongoDB.

Challenges we ran into

We struggled with connecting everything in the end between the front and back end, and with learning how to use MongoDB and Flask. We also ran through routing challenge in React js but we could solve them with some research.

Accomplishments that we're proud of

Some things we're proud of are our amazing UI and ability to add things to the database.

What we learned

We learned a ton about MongoDB and Flask, as well as React, while working on this project. Having never used MongoDB or Flask, except for one hacker on our team who was working on the frontend, it was a wild ride to learn how to make things work in Flask, and arguable even more of a challenge in MongoDB.

Built With

flask
html/css
javascript
materialui
mongodb
python
react

Submitted to

HackKU 2024

Created by

I worked on the back-end with React and MongoDB, mainly on getting information from the webpage and sending it to the database, and on sorting the database and implementing location/distance functionality.

Charley Findling
I worked the back-end of this project. Using MongoDB and Flask for the first time. I was able to implement the API calls in Python, that the front end needed.

Harrison Reed
As someone who loves to design I always try to bring my creative side to my projects and in this project I worked with front-end , I channeled my expertise in React, HTML, CSS, and JavaScript to architect the user interface of our project. My main contributions were in crafting a visually cohesive and user-friendly design, I also selected the color palettes that were aesthetically pleasing and enhanced the user experience. Beyond the aesthetics, I also actively engaged in brainstorming and outlining the strategic roadmap for our website's functionality and appearance.

Manasa Taddi
I worked on Frontend with Manasa. I specifically worked with designing components, thinking about their reusability, making routes, etc. I also actively engaged in the brainstorming process.

Saroj Paudel