# insetCollection

**Repository Path**: liwj007_admin/insetCollection

## Basic Information

- **Project Name**: insetCollection
- **Description**: mongodb + vue 做一个类似pixiv应用。

有一个实验室，放着canvas和threejs的一些特效。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2021-01-27
- **Last Updated**: 2023-01-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# insetCollection

### 介绍

vue+vuex+express+mongodb 做一个类似 pixiv 的 demo 应用。
还放了一个实验室，玩一玩 threeJs 和 canvas 特效

#### 现有的特效

input 输入框的粒子特效
![1](https://images.gitee.com/uploads/images/2019/0628/095459_5f42d313_1753591.gif "inputs.gif")

---

知乎首页
![仿旧知乎首页](https://images.gitee.com/uploads/images/2019/0628/095945_6e0d6ada_1753591.gif "zhihuhome.gif")

---

仿网易云音频动效
![圆环音频柱形图](https://images.gitee.com/uploads/images/2019/0701/113437_0e3937f2_1753591.gif "GIF.gif")

---

水平音频动效
![水平音频柱形图](https://images.gitee.com/uploads/images/2019/0701/113512_9f3591c1_1753591.gif "GIF2.gif")

### 软件架构

软件架构说明

### 启动前端

npm run dev
localhost:8080

### 启动后台（前提开了 mongodb server）

npm run dev-api

### 在线音乐 api

从https://github.com/Binaryify/NeteaseCloudMusicApi clone 下来，运行 node app.js