Smart Fit

• 

  Planner

• 

  Outfit Creator

• 

  Dashboard

Inspiration

Many people including me, spend way too much time and energy stressing about what to wear the next day. I looked everywhere for a solution but I was surprised to have found none. So, I decided to build my own.

What it does

The user can upload images of articles of clothing that they take a picture of. They can then create outfits using a combination of these images. The user can then plan their outfits for the day of the week. The dashboard then displays the current day's outfit.

How we built it

I used web technologies for the frontend, and Google Firebase for the database. The uploaded images are drawn to an HTML canvas and then converted into a final image. The database consists of three collections: one that stores the day with the corresponding outfit, one that stores an aggregate of all of the individual images uploaded by the user, and one that stores the final outfit the user created.

Challenges we ran into

Creating the final outfit image from the user's uploaded images proved to be difficult. I tried using many APIs to handle the combing of the images, but none of them could efficiently vertically stack the images. I also dealt with a lot of bugs and issues with Firebase, as it was my first time using it in a project.

Accomplishments that we're proud of

I am proud of creating a tool that is genuinely useful for me. I know that I will be using this project to help me in my day-to-day life, well after this competition.

What we learned

I upgraded my skills in front-end and back-end development. I also learned a lot about DOM manipulation and deploying apps with firebase.

What's next for Smart Fit

With the addition of a subscription service that provides additional features such as mobile app integration and more advanced planning features, I believe SmartFit will be a viable business.

Built With

• css3
• firebase
• html5
• javascript
• jquery