Donating in Davis

Inspiration

As someone who has volunteered at Davis Community Meals for a few months, I see the uncertainty faced by cooks who didn't know what to cook because they didn't know what was in the fridge. Having an intuitive App to check inventory would not only be beneficial to them but also to those who want to donate to DCHM.

What it does

Our app, Davis Donates, contains two logins and an inventory system. Inventory is sorted into categories. Admin can add and delete items along with changing the amount in stock. If the stock goes lower than 30% of the maximum, also set by the admin, the item is highlighted in red. Regular users can also view inventory. If a user chooses to donate, they can set a time to drop off the donations and get a QR code. This QR code can be scanned by an admin after drop and the user is awarded points for their donations. Speaking of points did we mention that we have a leaderboard system? Top donors will be shown on our leaderboard!

How we built it

The functionality for Davis Donates was built in React Native while the UI was primarily developed and prototyped in Figma.

Challenges we ran into

Implementing QR codes was a challenge because there were new frameworks we weren't familiar with. Integrating UI from Figma to React Native was a challenge that came unexpectedly but we were able to make progress.

What we learned

For all of us, it was our first time in a Hackathon and a team setting. It was a nice experience learning to use Figma and Figjam for collaboration. For those of us who weren't familiar with React, we were able to get a sneak peak of what the framework has in store.