https://github.com/ezralazuardy/image-classifier

🖼️ Simple web app for image classification study purposes
https://github.com/ezralazuardy/image-classifier

ml5 p5 vite vue

Last synced: 24 days ago
JSON representation

🖼️ Simple web app for image classification study purposes

• Host: GitHub
• URL: https://github.com/ezralazuardy/image-classifier
• Owner: ezralazuardy
• License: mit
• Created: 2022-03-23T04:22:02.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-01-27T11:26:48.000Z (almost 2 years ago)
• Last Synced: 2024-10-02T08:16:59.563Z (about 1 month ago)
• Topics: ml5, p5, vite, vue
• Language: Vue
• Homepage: https://imgc.ezralazuardy.com
• Size: 2.25 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Security: SECURITY.md

Awesome Lists containing this project

README

        


  





  





  





    



## 🖼️ Image Classifier

A simple web application to perform an image classification process based on image file input or video stream (webcam). The use case is to classify a **cat** or **dog** object inside the image target.

Preview: [https://imgc.ezralazuardy.com](https://imgc.ezralazuardy.com)

![image](https://user-images.githubusercontent.com/24422019/160217140-f2164c3e-4b86-4839-9769-9275991aeef5.png)

> Get the supervised machine learning model [here](https://teachablemachine.withgoogle.com/models/iDck0-wxs). All of the image model is based on [erkamk/cat-and-dog-images-dataset](https://www.kaggle.com/datasets/erkamk/cat-and-dog-images-dataset).

> This app is written in [Typescript](https://www.typescriptlang.org) using [Vue](https://vuejs.org), [Vuex](https://vuex.vuejs.org), [Vite](https://vitejs.dev), [Volar](https://github.com/johnsoncodehk/volar), [p5](https://p5js.org), [ml5](https://ml5js.org), [Tailwind](https://tailwindcss.com), and [Teachable Machine](https://teachablemachine.withgoogle.com). The project is intended for my Artificial Intelligence coursework at [Diponegoro University](https://ft.undip.ac.id/en/site).

## 🚀 Quick start

Run the application in your local environment.

```bash

git clone https://github.com/ezralazuardy/image-classifier.git

cd image-classifier

cp .env.example .env

npm install

npm run dev

```

> [Node.js](https://nodejs.org) need to be installed in your environment. Internet connection is required to run the app.

This app is doing it's machine learning computation on client side; powered by [ml5](https://ml5js.org) and integrated with some web technologies such as [p5](https://p5js.org) and [TensorFlow](https://www.tensorflow.org/js). It's better to run this app on desktop client rather than on mobile because of the system resource limitation.