-
closet
-
best match - ranked by compatibility score!
-
liked items
-
home page / explore page
-
figma wireframes 2
-
figma wireframes 1
Inspiration
Our inspiration came from our love for fashion and design. We were particularly fascinated by a model that used color theory and the unit circle to generate compatibility scores between different pieces of clothing, so we decided to integrate that in a user-friendly app.
What it does
Our app allows users to upload pictures of their clothing and generate compatibility scores between them. Users can save outfit combinations they are happy with, and like specific pieces of clothing in their closet. They can also explore more options in their home / explore page.
How we built it
To build our React Native (expo) app, we first brainstormed our ideas for frontend and backend, then split into 2 teams and began coding / wireframing. For frontend, we designed our UI on Figma, then used typescript and react-native to code everything. For backend, we explored many AI models through Gemini, and used node and express mainly for our code.
Challenges we ran into
Our 2 biggest challenges were figuring out how to use React Native, and integrating our frontend and backend. It was particularly frustrating that our backend requests were working normally on postman, but stopped working on our phones just half an hour before the deadline. Nevertheless, we found a solution to temporarily showcase our model and compatibility score generation in the last 30 minutes.
Accomplishments that we're proud of
Working with a tech stack we were all new to; our frontend team learned Expo and React Native on the fly and our backend team picked up NodeJS (backend programming in Javascript was definitely a trip…). Most of us were also new to app development so we’re super proud of having a finished product! Improvising on the fly; we spent a lot of time working on a Gemini integration and did not have as much time to spend on other features; also had to adjust goals a few times as hackathons go Getting sleep (somewhat)
What we learned
It’s very important to familiarize ourselves with commonly used technologies in hackathons like react and react-native. We did find that splitting into teams of frontend and backend worked quite well for us, as we could efficiently multitask as a team.
What's next
We will continue to finish the app, make final adjustments to the UI and finetune our AI model to better recognize features and styles. Hopefully we can also look into scaling our product up!
Log in or sign up for Devpost to join the conversation.