mirror of
https://github.com/Codennnn/vue-color-avatar.git
synced 2025-02-22 14:29:08 +00:00
1bfa640506
- Transitioned from Yarn to pnpm for package management, updating package.json scripts accordingly. - Enhanced Dockerfile for better build efficiency by separating dependency installation and application build steps. - Updated Docker commands in README files to reflect changes in port mapping and image tagging. - Added healthcheck to the Dockerfile for improved container reliability. |
||
|---|---|---|
| .husky | ||
| images | ||
| landing-page | ||
| public | ||
| src | ||
| .eslintrc.js | ||
| .gitignore | ||
| .lintstagedrc.js | ||
| .npmrc | ||
| .prettierrc.js | ||
| .stylelintrc.js | ||
| babel.config.js | ||
| Dockerfile | ||
| index.html | ||
| jest.config.js | ||
| LICENSE | ||
| package.json | ||
| pnpm-lock.yaml | ||
| README-CN.md | ||
| README.md | ||
| tsconfig.json | ||
| vite.config.ts | ||
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
#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)
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!
