
https://vue-color-avatar.leoku.dev
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
Want to dive deeper into the project architecture, code organization, and technical implementation?
🔍 Explore DeepWiki AI Documentation
DeepWiki uses AI technology to automatically analyze the entire project, providing:
- 📋 Project architecture overview
- 🔍 Code structure analysis
- 💡 Core functionality insights
- 🗺️ Component dependency diagrams
- 🚀 Implementation details and best practices
Perfect for newcomers to get started quickly and contributors to understand the project deeply
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
#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:latest .
#start server
docker run -d -p 3000:80 --name vue-color-avatar vue-color-avatar:latest
Once the container is running, open your browser and visit:
- http://localhost:3000 (if running locally)
- http://your-server-ip:3000 (if running on a server)