https://github.com/sanjay-ar/imagiforge

Image Generator: Create and download custom avatars with ease. Built with ReactJS, CSS, and Merge Images Library.
https://github.com/sanjay-ar/imagiforge

css react

Last synced: 11 months ago
JSON representation

Image Generator: Create and download custom avatars with ease. Built with ReactJS, CSS, and Merge Images Library.

• Host: GitHub
• URL: https://github.com/sanjay-ar/imagiforge
• Owner: sanjay-ar
• Created: 2024-02-25T12:21:29.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2025-06-19T09:20:19.000Z (about 1 year ago)
• Last Synced: 2025-06-19T10:32:03.639Z (about 1 year ago)
• Topics: css, react
• Language: JavaScript
• Homepage: https://alpaca-image-generator-beta.vercel.app/
• Size: 9.77 KB
• Stars: 14
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Alpaca image generator website

This is an open source project from [DevProjects](https://www.codementor.io/projects/web/alpaca-image-generator-website-ce2oc0eus8). 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.

## Tech/framework used

Built with ReactJS, CSS and Merge Images Library

## Screenshots and demo

![image](https://user-images.githubusercontent.com/84178696/201708267-3ff9089f-d2e1-4fcb-89e5-d21b7700c49d.png)

### [Click to view Live Demo](https://alpaca-image-generator-beta.vercel.app/)

## 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.

---

---

### 🚀 Maintained by [Sanjay A R](https://github.com/sanjay-ar)

[![Portfolio](https://img.shields.io/badge/Portfolio-Visit-blue?style=flat-square&logo=vercel)](https://portfolio-ar.vercel.app/)  

[![LinkedIn](https://img.shields.io/badge/LinkedIn-Sanjay%20A%20R-blue?style=flat-square&logo=linkedin)](https://www.linkedin.com/in/sanjay-ar/)  

[![GitHub](https://img.shields.io/badge/GitHub-sanjay--ar-black?style=flat-square&logo=github)](https://github.com/sanjay-ar)

> 💡 *Like this project? Leave a ⭐ and connect with me!*