Alpaca image generator website

This is an open source project from DevProjects. This project is not just about alpacas. Allowing users to generate and download avatars are common in many interactive websites. In this project, I learnt how to create an image generator website that allows users to generate, combine, and download images.

View Demo View Github

Tech/framework used

Built with ReactJS, CSS and Merge Images Library

Screenshots and demo

image

Problems and Thought Process

Like most projects, I ran into a few bumps along the way. One particular one was in rendering the styles buttons from the data file I had setup, as they were from a nested array under the buttons for the features.

The biggest obsatcle I encountered during this project was maintaining the state for all the components throughout the entire React app. This was my first interactive React project that allowed interaction from the user, so I had a tough but rewarding time implementing the state using the useState hook and props to modify the setup file and render the components accordingly.