Bronco Swap

Home Page
FIrebase Authentication
Marketplace
Chat Feature
My Listings + Popup
Post a Listing

Inspiration

Every year, as thousands of SCU students move out of their temporary homes for Summer, it has become an annual tradition for massive dumpsters to invade our campus, encouraging students to throw away furniture, clothing, and other things that cannot make the journey home. Our idea is simple: create an online space for students to get rid of (and find) new things, à la facebook market place. Our focus is on providing a service specifically catered to SCU students, allowing for the easy transfer of textbooks and other commonly coveted goods.

What it does

Our website, Bronco Swap, allows SCU students to sign in with their SCU google account, and create listings for any object they wish to part with. Users can also browse current listings, searching for specific goods like textbooks for low prices or to fit their new dorm/room. The hope is to decrease our reliance on those pesky dumpsters and give students the ability to take an active role in diminishing their own waste.

How we built it

Bronco Swap is built with Firebase, VueJs (with Axios), Chat Engine (a third-party messaging service we built into our website), and the Node Project Manager. We used Vue3 to do the routing and frontend development.

Challenges we ran into

For a website so heavily focused on ease-of-access, frontend was a challenge. We wanted to provide users with an easy, understandable experience, which can be hard, especially with starting complex frameworks like Vue from scratch.

Accomplishments that we're proud of

Firebase and Vue! We are all familiar with Vue CDN, but this was most of our first times starting a Vue 3 app from scratch. This was also our first time using Firebase to authenticate and store data (including Firestore and Firebase Database). The chat service is also a really cool thing, which we were grateful to get working.