-
main screen
Inspiration
Our inspiration for Lip Coders came from when we were brainstorming about ideas surrounding color detection using image processing. From there, we got inspired to focus specifically on people's lip shades because all of us use some type of lip product with different shades for our unique lips. However, how can we figure out the best shade to use? The answer is Lip Coders.
What it does
Lip Coders is a website that allows users to get their lip shade, by clicking on their lips in the webcam, and generates lip product recommendations for their lip shade ("Getting you the perfect lipstick shade to hack into the world!").
How we built it
We built the front end using HTML, CSS, and Canva, and we used Python, JavaScript, Flask, JSON, and Open AI for the backend.
Challenges we ran into
Some challenges we ran into were choosing a project idea, implementing Python and OpenCV into HTML, implementing Open AI, and connecting the front-end and back-end. Specifically, we struggled to manipulate the Open AI API and combine all the languages in the Flask web framework. Another major problem was fetching and receiving data between the server-side (python) and the client-side(JavaScript) using JSON.
Accomplishments that we're proud of
We're proud of trying new technologies that we've never tried before, experimenting with new UI skills, successfully implementing Open AI and video camera usage into our project, and solving different problems together as a team. But above all, we're most proud of overcoming the bugs and continuing to research and find solutions.
What we learned
We learned a lot about using OpenCV, Open AI, image processing, flask, and more, that many of us have not used before the hackathon. Moreover, we learned to be resilient and foster productive collaboration.
What's next for Lip Coders
In the future, we hope to add the option for skin and eye products and have the program detect the face features and get the shades automatically for the user. Another cool feature would be to connect the results from ChatGPT to a search engine that shows images and links to the specific product recommendations.
Log in or sign up for Devpost to join the conversation.