Making “Fit Check” — a JavaScript Dress Up Game

The Idea

Over the past year, I have taken up a moderate interest in fashion. I would by no means call myself an expert, but I do follow Wisdom Kaye (@wisdm8) on TikTok, so maybe on second thought you could call me an expert. From my excitement for fashion came the idea for an outfit making simulation. I enjoy putting together outfits, but having to physically put on and take off clothes can be quite time consuming. I seem to be waking up later and later every day, leaving me less time to coordinate the perfect outfit. My original idea was to use images of my own closet on my own body as the visual aspect of this project, but I ultimately decided to use drawings instead. Not only did this give me complete control over what the clothes looked like, but it also gave me an opportunity to exercise my artistic abilities.

The Process

First brainstorm for “Fit Check” user interface
First brainstorm for “Fit Check” user interface
Drawing that was transferred using Adobe Illustrator
Drawing that was transferred using Adobe Illustrator

The Results

To be honest, the biggest thing that I took away from this project is that fashion is hard to score, especially as someone whose only fashion experience is dressing themselves. The scoring system that I created is an incredible oversimplification of what makes an outfit look good. I am sure that there are many people who would disagree with what I chose to be “good” and “bad.” The system that I have in place would not hold up if there were a lot more colors, patterns, types of clothing, etc. In fact, it would be an absolute nightmare to include much more than what is already there.

The Future

There are definitely parts of “Fit Check” that could be optimized, specifically the scoring system. As I mentioned earlier, scaling the program up would be a tough task, and not one that I am particularly interested in tackling, at least using the current structure that I have set up. Moving forward, I am going to try to think of a more efficient way to calculate the score of any one outfit, as having to keep track of all the different patterns and colors there are and how each one looks with all the others is pretty demanding of my brain. I also want to add some of the features that I had stripped away when moving from the original sketch to the final product, such as adding options for socks and hats, or adjusting the user interface so the user scrolls through the clothes instead of choosing from a drop down menu.

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store