Inspiration

After looking at the sponsor challenges, we knew we wanted to build a product for social good that was focused on fashion. Initially, we discussed outfit picking mechanisms and were interested in using to computer vision to recognize clothing items, so we decided to develop a website that would focus on finding ethically-sourced alternatives for clothing - hopefully making ethical, sustainable fashion more accessible.

Walkthrough

Before navigating to everwear: User is shopping online (on any site) and finds an item they would like to purchase. User copies image URL of item they want (this can usually be done with a right click on the image).

On everwear site:

1. Chatbot
   1. Prompts user for image URL.
   2. Asks user if they want to search for the item in the same color as pictured or a different one.
2. Results page
   1. displays image supplied by user and images similar clothing items from sustainable clothing sites (4 results per site).
   2. Clicking on images takes user to site where they can purchase the item.

Build

Frontend: We built on ReactJS and used Conversational Form for the chatbot

Backend: We used Node.js and Google Cloud Functions for the backend. Puppeteer handled scraping images and links from Google custom searches.

Brand