This is a solution to the DevProjects. Created in React, using local alpacaConfig file. You are able to generate and download alpaca avatars.
Firstly, I set up states for every single alpaca part. Then, displayed all image parts with the map method, and using the switch statement, parts are changing on the image. You are able to change its neck, mouth, hair, ears, eyes, leg, etc. There are 2 buttons, for generating random alpaca and downloading the image. Random generating was created by using the Math.floor(Math.random() * number of options) function. Downloading images is powered by DownloadJS and Html to image packages.
- React
- Sass
- Downloadjs
- Html to image
- GitHub Pages
- Performance: 99
- Accessibility: 95
- Best Practices: 100
- SEO: 100
Last updated: 6/10/2024
I continuously strive to maintain and improve these scores with each update.