clueless-outfit-diary

Making outfits is hard. If you have trouble picking out clothes, you might just wear the same things. Clueless helps you keep track of your outfits and create new ones using color theory.

Comment

Inspiration

My girlfriend has trouble creating outfits with the clothes she has available, so she asked me for fashion advice. I'm not very good at communicating and articulating my thoughts and feelings into words; sometimes it is discouraging when I say that the clothes don't go together. So, I thought she could see which outfits she has created successfully and learn what looks good. If she can see how amazing she looks and what she has accomplished -- all in one place -- I think she will learn to love and respect herself the way I do and be more motivated and confident in the other aspects of her life, wherever that may take her.

What it does

  • Keep track of your favorite outfits that you have created in a simple organized interface

Proposed Features

[Organization] Order from most basic/literal (program controlled) to most abstract (more user freedom)

  • tags -- as many of these as possible for search purposes. things like what type of clothing piece it is (shirt, jacket, pants, skirt, etc) and colors especially (red, blue, etc) ++ end goal: identify using Cloud Vision ++ reachable goal: hard code or user input manually

  • categories -- user defined; for weather types (eg. rainy day, hot af), or formal/casual etc. anything the user might want but should be a tag. ++end goal: suggestions based off tags. tag cloud for user to pick easily ++reachable goal: user input manually or use a list we create of basic things to generate some basic categories. (if tag= jacket, then cold weather)

  • collections -- these are albums. users create these all on their own have full control of which outfits go in what collection. the purpose of this is to allow them to have a collection of items for specific purposes or seasons (eg. spring collection, nightlife, etc) anything they want ++end goal: be able to reuse outfits among collections. check if duplicate ++reachable goal: not really necessary immediately. pick between this or categories depending on time.

[Color Picking / Color Theory]

color match help -- use color theory to find split complementary colors to wear. very basic. there is a color wheel. you pick a color and it shows you which ones there are. eventually the user will remember on their own +reachable goal: i feel this will be pretty easy, but we don't necessarily need a nice color wheel in the beginning. can start with a list of basic colors and have it generate the 2 split complementary ones. next step have user be able to see those colors.

  • end goal: have the full wheel usable

color search -- find an outfit using previously defined tags with the color of your choice. basically a search but visually choose the color instead of typing it in.

How we built it

  • react-native

Challenges we ran into

  • learning to let things go when we hit an obstacle
  • scaling down first instead of going for the end goal. (reachable goals)

Accomplishments that we're proud of

  • the amount of planning / designing
  • problem solving and prioritizing when encountering obstacles
  • asking for help from others more than before
  • finding the correct solutions to our problems online more efficiently (read the docs. and reading others' explanations)

What we learned

  • dynamic image loading using uri instead of relative paths for pictures we don't know the static location of yet
  • hide warnings in debugging
  • prioritizing which problems to focus on or move ahead with the project

What's next for clueless-outfit-diary

Design -- Make everything prettier lmplement size scale and change font weights for emphasize implement color palette after greyscale design

Feature - Cloud Vision

  • identify what items of clothing to auto-generate tags

Feature - categories

  • use aforementioned tags to suggest categories for the user to add

Feature - search

  • be able to search and filter through the outfits

Feature - Color Picker

  • Help you create new looks using color theory
  • show you which colors don't go together with the color you choose
Share this project:

Updates