Wellspring Women’s Center Donation Tracker

Loading Screen
Log In
Individual Donation Tracking (Speech-to-Text)
Item Catalogue
Add New Item
Master Sheet (for Bookkeepers)

Inspiration

Wellspring Women’s Center is a non-profit organization (NGO) based in Sacramento. They’ve come to HackDavis 2026 looking to upgrade their entirely handwritten system into something efficient and easy for their diverse range of volunteers to use. For years, the organization has used one physical binder to track hundreds of donated items, which has had to be shared between all the center’s volunteers and staff until now.

The main problem we identified in our interview with Jessica, Wellspring’s representative, was a difficulty in deciphering handwritten logs across multiple writing styles, requiring managers to dedicate excess time towards correcting information. Furthermore, given that the volunteer base at Wellspring is composed mainly of students and the elderly, we wanted to ensure that the solution we created would feel intuitive to both groups.

By the end of our planning stage, we knew that we needed to build an app that would streamline donation logging, be accessible to volunteers of all ages, and minimize the time staff and managers spend verifying the documents before sending them off to a bookkeeper.

How we built it

Frontend: Translated our Figma design file into a clean, comprehensive UI with React’s UI elements, Tailwind CSS stylization, and Vite.

Backend: Built using Node.js as the main driver for our backend development, supported by MongoDB’s document organizing capabilities.

Speech-to-Text: Web Speech API’s speech parser processes a user’s microphone input, differentiates key information from regular speech, and adds relevant data to an individual’s donation log.

Challenges we ran into

When we were making the initial jump from design to software, we struggled to implement Figma Make as our frontend, finding that our prompts were not translating into the features we wanted, and also seeing features deleted in newer versions. In the interest of time, we supplemented our UI development with Claude, a tool our teammate was more familiar with.

There was also a brief scuffle with MongoDB, but this was resolved once we downloaded the relevant dependencies for it.

Besides this, while revising the flow of our core functions, we had to revert to previous versions and attempt to debug several times over, which was frustrating, but ultimately a learning experience.

What we learned

As a team of majority first-time hackers, we were surprised at how far we could take our project within just 24 hours.

2 of our members got experience prompting AI for the purposes of building a web app
Full-stack development using Claude (and a few sidekicks)
Integrating speech-to-text with an API

What's next for Wellspring Women’s Center Donation Tracker

User testing to inform further improvements to design
Authentication system
Implement real data from Wellspring’s system related to their staff, shipments, and inventory