ByteBasket

Empowering communities with a user-friendly food bank web app—effortless inventory browsing, quick checkout, and seamless connections for volunteering and product donations.

Comment

Inspiration

ByteBasket aims to help our friends who grapple with food insecurity and often rely on food banks. We wanted to create an application to help streamline that process while also recognizing the existing challenges faced by food banks in providing fast, easy, and customizable solutions.

What it does

ByteBasket is a user-friendly web app that offers insights into specific food banks, facilitates communication, and provides information about volunteering and contributions. Users can create profiles, make specific item requests for their preferred food bank, and add existing items to their basket for quick access.

How we built it

The UI/UX design was crafted through Figma, leading to the implementation of the Front-End and Back-End. The Front-End was developed using HTML, CSS, React, Grommet, Bootstrap, and an Animation React library. The Back-End utilized MongoDB, NodeJs, and Express JS.

Challenges we ran into

Our main challenge came from Git branching issues, causing discrepancies in our projects' files. This almost led to discouragement as our codes diverged significantly. Overcoming this hurdle required diligent efforts to synchronize different project components and link the Front-End with the Back-End.

Accomplishments that we're proud of

Our proudest achievement lies in the project's genesis from our collective passion to aid the community in accessing food, our ability to fix the branching issues that seemed too complex at the moment, and the dedication each of us invested in the project to have a robust application in the end.

What we learned

A key lesson learned was recognizing that we, ourselves, can be our biggest obstacles. Additionally, using diverse libraries posed challenges, emphasizing the importance of a unified approach for smoother collaboration.

Share this project:

Updates