Fit Check

• 

  UI/UX Design

Inspiration

We were inspired to create Fit Check by our desire to unite the community through a shared passion for clothing.

What it does

Using Fit Check, users can scan clothes like tops, bottoms, hats, and shoes to create outfits and save them to their catalog, as well as share them with other Fit Check users! Users can contribute to the clothing dataset by scanning their articles of clothing, growing everyone's "closet" and bringing the community closer together.

How we built it

We built Fit Check using RedwoodJS for back-end development, while we used Tailwind CSS and DaisyUI extensively on the front-end.

Challenges we ran into

As most of our group was unfamiliar with RedwoodJS, we quickly realized the lack of support RedwoodJS has for Augmented Reality and 3D asset libraries, meaning we would have to resort to outfits being 2D instead of being mapped to 3D for a more engaging and real-world fit.

Accomplishments that we're proud of

We're proud of implementing a React Camera library to access a computer's webcam or phone's camera to scan clothing. We are also proud of implementing the Remove.bg library and seamlessly connecting the two, ensuring no distractions or image aberrations when looking at an outfit in-app.

What we learned

We learned development in RedwoodJS and CSS styling, along with the usage of ReactJS modules/components and API integration.

What's next for Fit Check

Once a large enough dataset is sourced and online item matching is implemented, Fit Check will introduce curated subscription boxes, where users can pay monthly for boxes with the hottest outfits of the month.

Built With

• redwoodjs
• typescript