Would you like to find any clothes you saw

How does the app work?



For our app to work we need to use ml5.js which is a JavaScript library, and will help to understand the basics of AI.


In addition, we will have to use a function to help use recognize the clothing pieces that users look for, we might be able to use imageClassifier.


Finally, we also might have to use p5.js to allow our users to drop a picture of the clothing items into the website or application.

What are the steps to make the system work?



First step: create a reference to the library in the index.html file.

Second step: Create a .js file including the code for ml5 in it.

The ml5 code holds two different parts, one part for hosting the pictures of the items and the other hosting the different items in the database, in which you will find the item.

Before to start here is a quick video on how to use ml5 for beginners.
click here
Then here is a link to learn how to use image classifier.
click here


NOW YOU ARE READY TO START!


This is the code you have to type to start using imageclassifier:



Then this is to initialize:



To parameter:



And this is the code to use for imageclassifier to recognize your photo:







Finally here is an example of ml5.js using p5.js to use imageclassifier: