crumbz

Eliminating food waste and providing for Shelters

Comment

Inspiration

One of our first ideas was an Instagram-esque social media site for recipe blogs. We also were interested in working with location data - somewhere along the line there was an idea to make an app that allowed you to track down your friends.

Somehow, we managed to combine both of these wildly different ideas into a real-world applicable site. After researching shelters and food banks (aka googling and clicking on the first result), we realized that while these establishments do have a working relationship, oftentimes the shelters and food banks are required to buy key missing ingredients. Thus, our application was created to further personalize the relationship and interaction between these establishments to aid in decreasing food waste and ensuring people are getting culturally-significant, healthy, and delicious food.

What it does

Markets and Shelters/food banks log in to their respective homepage. From there, they can see the other establishments near them, as well as an interactive sidebar.

For shelters, they can see nearby participating markets and look at their supply of food.

For markets, they will be able to see nearby shelters and their food requests. They will also be able to change their inventory of available foods for those shelters.

How we built it

We used next.js and a variety of different style options (css, bootstrap, tailwind.css) to make a "dynamic" website.

Challenges we ran into

We realized the crux of our application, which relies on a google map api to get nearby markets and their distances, is behind a paywall of $0. We didn't want to enter our credit card info to google. Sorry :/

As well, we were using react-native for a good four hours or so in the beginning, but it wasn't displaying on our localport (it was a blank page). Spent a long time trying to debug. So that was fun.

Our team members also used many different stylesheets. The majority of it was in normal style.css, but we have one component that's entirely in bootstrap (installing it for next.js was a pain). Also, there was an attempt to use tailwind.css for some components.

Accomplishments that we're proud of

Our UI/UX design, including all our styling, was AMAZING. Shoutout to Lindsay for their major contributions.

As well, this was the first time the majority of our team touched react in their lives, so I think our progress was pretty good. Given that we actually chose to slept on Friday night I'd say we accomplished a lot.

What we learned

Auth is a pain. Never again. It didn't even work :(

What's next for crumbz

There's a lot to be implemented. From changing our logo to making sure the authentication actually works there is so much more room for crumbz to grow. If we had more time and commitment this application will become so much more.

Built With

Share this project:

Updates