buidlebox-avatar-builder

Fully functional avatar maker module for #buidlHACKS on https://app.buidlbox.io/.

Features

Features:

• Generate a custom avatar by choosing Body, Head, Clothes, Ears, and Eyes.

• Generate random avatar (Dice)

• Add grayscale effect

• Reset (start from scratch)

UI/UX of the module on Figma:

https://www.figma.com/file/uHScMtdK5pMujWDIvgEtu0/Buildbox-Hackathon?type=design&node-id=7%3A104&mode=design&t=cp4S5JCv6jT2WK8p-1

Live demo:

https://web3senior.github.io/buidlbox/

Hackathon Link

https://app.buidlbox.io/buidlbox/buidlhacks/challenges/0c14bf2c-1d3a-49cc-af01-2a51052cba53

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Lint with ESLint

npm run lint