Inspiration
Our project idea was based on the Code for Cause track.
What it does
OpenHarvest first requires a user to login using Google before having access to the full functionality of the app. Then, the app will provide two interfaces: a map view that shows the location of nearby food banks/pantries from the database, and a grid view that lists more details about each of the locations with an option to set a reminder for a certain date/time with your favorite calendar application.
How we built it
We used Svelte to build the foundation of the app, then shadcn and tailwind for the frontend, and mapbox and supabase for the backend. We pulled our location database from CalOES GIS Data Management.
Challenges we ran into
A big challenge for us was trying to get the date parser to work in the reminder system, as well as integrating the app with calendar apps. An additional challenge was getting markers on our map to work.
Accomplishments that we're proud of
We were proud of being able to implement so many features in our app in a limited amount of time, including our calendar integration.
What we learned
We learned a lot about integrating backend and frontend technologies together to create a fully functioning app, as well as working together and delegating tasks between frontend and backend.
What's next for OpenHarvest
Next, we plan to expand our locations with a larger dataset, as well as implement notifications through the app itself, perhaps through toasts or notifications
Built With
- mapbox
- shadcn
- svelte
- tailwind
Log in or sign up for Devpost to join the conversation.