https://vue-color-avatar.vercel.app

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

Note
The avatar assets implementation of Avatar Illustration System by Micah Lanier. And the licensed under CC BY 4.0.

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

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