# Rubbish-Classify

**Repository Path**: VyingG/Rubbish-Classify

## Basic Information

- **Project Name**: Rubbish-Classify
- **Description**: Rubbish-Classify 垃圾分类
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-07-13
- **Last Updated**: 2023-08-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: TensorFlow, React, Ant-Design

## README

# Rubbish-Classify 垃圾分类

### 描述说明

垃圾分类，是垃圾终端处理设施运转的基础。实施生活垃圾分类，能够有效改善城乡环境，促进资源回收利用。  
垃圾种类：厨余垃圾、可回收物、其他垃圾、有害垃圾。使用垃圾图片智能分类小工具，助您快速解决垃圾投放问题。  
功能说明：使用手机相机，拍摄待处理的垃圾，上传相册图片，通过图片分类，知晓目标垃圾的所属类别和投放要求。

### 快速开始

1. 安装依赖  
   1.1 Node https://nodejs.org/zh-cn/download/  
   1.2 进入项目目录，终端执行命令 `npm install`
2. 启动服务  
   前提：手机和电脑处在相同的无线局域网中（可使用手机释放的热点）  
   2.1 启动静态服务 `hs --cors` 得到含有 ip 信息的地址如 192.168.3.9:8080，即服务地址  
   2.2 构建前端项目 `npm start` 得到含有 ip 信息的地址如 192.168.3.9:1234，即项目地址
3. 注意事项  
   3.1 打开文件 webapp/app.jsx 修改代码如下
   ```javascript
      // 启动静态服务和构建前端项目前，需先完成修改（第8行代码）
      const MODEL_SAVE = "http://192.168.3.9:8080/model-save";
      const MODEL_SAVE = "http://本机启动的服务地址/model-save"; // 修改
   ```
   3.2 项目构建成功后，会生成打包目录 dist 和缓存目录 .cache  
   3.3 打开手机浏览器，地址栏输入：本机构建的项目地址，开始使用体验  
   3.4 MobileNet 资源地址已不可用，故模型训练程序已无法运行

### 目录结构

```
   ├── /model-base   模型训练基础版
   ├── /model-main   模型训练优化版
   ├── /model-save   模型训练输出目录
   ├── /webapp       前端项目目录
   ├── .gitignore
   ├── package.json
   ├── package-lock.json
   ├── README.md        项目说明
   └── ScreenShot.jpg   演示截图
```

### 相关资料

Tensorflow.js 实现垃圾分类 https://www.imooc.com/learn/1277  
Tensorflow.js v3.21.0 https://js.tensorflow.org/api/3.21.0/  
Tensorflow.js Node v3.21.0 https://js.tensorflow.org/api_node/3.21.0/  
Images.zip https://pan.baidu.com/s/1sHKCBNLlktXl-f8y5Z8ITQ?pwd=aaak