HUB | Devpost

our prototype
filtering and games for personalized experience
our logo

Inspiration

As college students ourselves, we noticed that virtual events hosted by student orgs were starting to get repetitive. We feel the frustration of having our college social activities be online. As student leaders, we know how hard it is to come up with fun socials for which people are willing to do another Zoom call 😔

Problem Statement

When our user persona Ameliea, the event coordinator of her student organization, plans for social events, they want to make sure that the events are exciting so that students would voluntarily join yet another video call. They run out of ideas for events quickly because there are only a few well-known options and small games are not centralized in a place.

What it does

Home-User-Backpack is a hub (lol) for college event planners to help virtually connect classmates, student committees, and members of student organizations. HUB crowdsources all the fun, remote activities on the internet and organizes them into one centralized hub to make event planning easier and diversify the activity options at these virtual socials.

Who do we serve

Mostly students because, well... 1) we’re all students, so we feel the frustration of having our college social activities be online 2) As student leaders, we know how hard it is to come up with fun socials for which people are willing to do another Zoom call

How we built it

We brainstormed and prototyped HUB using Notion and Figma and then built the application using HTML, CSS, Javascript, & Firebase.

The challenges we faced

We faced challenges when learning new technology and reading documentations. Firebase was a real struggle because we were able to write data, but not retrieve it.

Accomplishments that we're proud of

We created user personas, hi-fi mockups, and a working prototype for our website in Figma. We were able to build the website from scratch with HTML, add styling & interactivity with CSS and JavaScript, and built a filtering feature for different activity categories using Firebase.

What we learned

We learned a ton while working on HUB! We learned to create interactivity with JS, create a basic web layout with HTML/CSS, write user personas, and write to databases and connect web apps online.

What's next for HUB

In the future, we hope to add more interactivity and features, better transfer our designs to code, and build a more robust filtering system.

Built With

Submitted to

FemmeHacks
- Winner Best UI/UX

Created by

After group brainstorming sessions, I aided with designs in Figma and worked on coding and styling using HTML/CSS.

Zeyna Abdulla
First year in GA tech interested in product design, front-end web dev, and product management. I worked on development side with submit forms, about us page, and alot of js/css as well as created low fidelity designs on initial stages.

Vyshnavi Namani
I am a human-centered designer. My goal is to create digital experiences that people enjoy while making a social impact.
I facilitated the project vision alignment and worked on the high-fidelity mockups of our design.

Amy Li
User Experience Designer
I worked on the database. It was my first time using databases, but it was fun. I helped design mockups and later built and stylized content with HTML and CSS.

Natisha Khadgi