An online avatar generator just for fun | 一个纯前端实现的头像生成网站 vue-color-avatar.leoku.dev
Go to file
_Burnside 546ad273d9
Change the Yarn registry becasue of the expired certificates.
Change the Yarn registry of Taobao mirror becasue the expired certificates.
2024-03-15 22:53:40 +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 Zeabur Badge 2024-01-11 22:26:42 +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 Change the Yarn registry becasue of the expired certificates. 2024-03-15 22:53:40 +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.md 2024-01-11 22:22:55 +08:00
README.md Update README.md 2024-01-11 22:22:55 +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 Change the Yarn registry becasue of the expired certificates. 2024-03-15 22:53:40 +08:00

Vue Color Avatar

🧑‍🦱 A playful avatar generator 🧑‍🦳

简体中文

website-cover

Preview

https://vue-color-avatar.leoku.dev

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:8080 \
--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:8080 --name vue-color-avatar --restart=always vue-color-avatar:v1

Finally, open your browser and access the service's address at http://serverIP:5173.

Deployed on Zeabur

Our project is powered by Zeabur. Their high-quality server services ensure the stable operation of our project. Need quality server services? Check them out via the link!

Deployed on Zeabur