mirror of
https://github.com/Codennnn/vue-color-avatar.git
synced 2024-12-22 03:32:38 +00:00
|
|
||
|---|---|---|
| .husky | ||
| images | ||
| landing-page | ||
| public | ||
| src | ||
| .eslintrc.js | ||
| .gitignore | ||
| .lintstagedrc.js | ||
| .prettierrc.js | ||
| .stylelintrc.js | ||
| babel.config.js | ||
| Dockerfile | ||
| index.html | ||
| jest.config.js | ||
| LICENSE | ||
| package.json | ||
| README-CN.md | ||
| README.md | ||
| tsconfig.json | ||
| vite.config.ts | ||
| yarn.lock | ||
Preview
https://vue-color-avatar.vercel.app
Introduction
This is a vector style avatar generator, you can match different material components to generate your own personalized avatar.
Features you might be interested in:
- Visual component configuration bar
- Randomly generate an avatar
- Redo/Undo
- i18n
- Generate multiple avatars in batch
Assets
Note
The avatar assets implementation of Avatar Illustration System by Micah Lanier. And the licensed under CC BY 4.0.
Develop
This project is built with Vue3 + Vite.
# 1. Clone project
git clone https://github.com/Codennnn/vue-color-avatar.git
# 2. Install dependencies
yarn install
# 3. Run
yarn dev
Docker deploy
You can directly run using the image I have already built.
docker run -d -t -p 5173:5173 \
--name=vue-color-avatar \
--restart=always \
docker.io/wenyang0/vue-color-avatar:latest
Or, you can manually compile it yourself if you prefer.
#clone the code
git clone https://github.com/Codennnn/vue-color-avatar.git
#docker build
cd vue-color-avatar/
docker build -t vue-color-avatar:v1 .
#start server
docker run -d -t -p 5173:5173 --name vue-color-avatar --restart=always vue-color-avatar:v1
Finally, open your browser and access the service's address at http://serverIP:5173