Choosing a single clothing item from your wardrobe and imagining whether your purchase will fit in with your wardrobe can both be difficult and time-consuming tasks. This was our inspiration for Style Guide, a mobile app that helps you out with decisions such as these by using an API for Google Cloud Vision to help compare and rank the similarity between images of your clothing of choice and the rest of your wardrobe.

What it does

Style Guide allows you to upload photos of your wardrobe and suggests clothes you might be interested in buying from different retailers. From the My Wardrobe page, you can also edit or delete articles of clothing from your closet.

How we built it

Style Guide was built using React Native, Expo, JS, Firebase, and the Google Cloud API.

Challenges we ran into

Our group was relatively inexperienced with React Native and had no prior experience with the Google Cloud API; so, we had to learn as we went throughout the hackathon. Though we ran into issues through the hackathon as usual, there was one particularly time-consuming issue with React Native where Navigation Containers redirected us to a random page instead of the correct page, a problem whose root cause is still uncertain but was eventually solved through hours of installations and uninstallations of React packages. Another annoying issue was that when reloading the Expo server, one of our images would always be undetected by the server and would have to be moved out of and back into the folder before the project would run.

Accomplishments that we're proud of

We’re proud of our perseverance throughout the hackathon and of how much we learned about React Native and Google API. We’re also proud that we were able to debug app-breaking bugs that none of us had ever encountered (such as the Navigation Container bug).

What we learned

We learned a lot about how React Native and Google API functioned, including important functionalities such as styled components and the fact that React Native apps are typically very version- (and sometimes even system-) dependent. We also learned to challenge ourselves and that it’s important for motivation to aim for ambitious goals. In terms of time management, we learned that it is important to prioritize key features of an app, because it is easier for smaller features to follow from key features than the other way around.

What's next for Style Guide?

Our next steps are to finish the “My Wardrobe” page so that users can edit or delete pieces of clothing from their closet. We also wanted a more comprehensive recommendation system and a way for users to save recommended pieces of clothing to “My Styles” to shop later.

Share this project: