-
Nyma
-
Tati
-
Shilpa
Inspiration
In this fast paced world where the makeup industry is booming, online makeup shopping has gotten more popular than ever. But the main ingredient for a perfect makeup look, the foundation, is almost impossible to match without swatching it in person. I have always wished to have an application that would easily pick the perfect shade of foundation for my skin, it's about time to see it in action.
What it does
The ShadeMatcher lets you upload a picture of your face preferably in direct sunlight, finds the appropriate hex-code for your skin color, and matches you with high-end and low-end brand foundations. It's a great tool for online shopping when you're unsure about your foundation shade.
How I built it
I used the google cloud platform computer vision to approximate the color code of skin tones and then returned the data from JSON and stored it in a JavaScript file. I used YouTube to do some research on different people with different skin colors and their foundations to expand the choices for the user.
Challenges I ran into
It was very difficult matching the correct foundations with the appropriate hex-code because of variables in pictures such as lighting and shade. Another challenge was debugging and editing the JavaScript code to run and look the way we wanted. Towards the end of editing we had trouble editing the style sheets involved with the appearance of the application.
Accomplishments that I'm proud of
I am very proud of the fact that this could be a solution to so many women and men in the world that struggle to find a match in their foundation. This could be a big step for the Makeup industry. In addition to that, I'm proud that as a team of beginners, we were able to use our resources and get help from people around us and learn so much from this experience.
What I learned
I learned the applications of Node, npm and JavaScript. This is the first time that I had a chance to work with a JavaScript code and learned how certain things work and how to run it. I also briefly learned how to edit the front end of a project. In addition to that, I learned how to apply the google cloud platform computer vision in my code.
What's next for ShadeMatcher
ShadeMatcher's goal is to expand its database and make room for all skin colors and a mobile application that would let the user take a picture of their skin and find a match. This would make foundation matching more convenient than ever
Log in or sign up for Devpost to join the conversation.