OpenSourceJoker/vue-color-avatar
OpenSourceJoker/vue-color-avatar
3
0
Fork 0
mirror of https://github.com/Codennnn/vue-color-avatar.git synced 2024-12-22 03:32:38 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity
An online avatar generator just for fun | 一个纯前端实现的头像生成网站 vue-color-avatar.leoku.dev
76 Commits 1 Branch 0 Tags 4.1 MiB
Vue 55.4%
TypeScript 32.7%
HTML 8%
SCSS 1.6%
CSS 0.9%
Other 1.4%
3b0aa57544
Go to file
wenyang 3b0aa57544
Update README.md
2023-08-18 11:19:10 +08:00
.husky first commit 2021-10-16 18:29:32 +08:00
images Update preview image 2022-03-14 23:52:03 +08:00
landing-page chore: update 2021-12-11 00:40:19 +08:00
public chore: add analytics 2021-10-19 21:12:37 +08:00
src Add more skin colors 2023-02-23 20:04:39 +08:00
.eslintrc.js chore: add locale 2022-05-04 11:34:34 +08:00
.gitignore test: add jest 2021-10-17 20:31:36 +08:00
.lintstagedrc.js first commit 2021-10-16 18:29:32 +08:00
.prettierrc.js chore: upgrade eslint to 8.x & fix rules 2021-10-31 10:12:27 +08:00
.stylelintrc.js chore: upgrade stylelint to 14.x 2021-10-31 10:12:46 +08:00
babel.config.js test: add jest 2021-10-17 20:31:36 +08:00
Dockerfile 优化 docker 镜像大小 2023-08-18 11:04:54 +08:00
index.html Add download multiple support 2022-06-12 14:38:40 +08:00
jest.config.js chore: add analytics 2021-10-19 21:12:37 +08:00
LICENSE Create LICENSE 2021-10-19 14:30:19 +08:00
package.json feat: use pinia instead of vuex to manage status 2023-02-15 19:23:33 +08:00
README-CN.md Update README-CN.md 2023-04-12 15:21:14 +08:00
README.md Update README.md 2023-08-18 11:19:10 +08:00
tsconfig.json first commit 2021-10-16 18:29:32 +08:00
vite.config.ts chore: update vite config 2021-12-07 21:54:25 +08:00
yarn.lock feat: use pinia instead of vuex to manage status 2023-02-15 19:23:33 +08:00

README.md

Vue Color Avatar

🧑‍🦱 A playful avatar generator 🧑‍🦳

简体中文

website-cover

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