AI Image Studio

AI Image Studio is a lightweight React app for rapid image-ideation. Upload a PNG/JPG (auto-downscaled if large), enter a prompt, choose a style, and see a live summary before generating. A mocked API simulates latency, errors, retries with backoff, and aborts, while the last five results persist as a clickable history. Built with TypeScript and Tailwind, it’s fast, accessible, and keyboard-friendly—perfect for testing AI-studio flows without backend complexity.

Preview:

Built With

• HTML
• CSS
• JavaScript
• TypeScript
• REACT
• Vite
• Tailwind CSS

Live version

AI Image Studio

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

• A text editor(preferably Visual Studio Code)
• Node
• Web browser

Install

• Git
• Node

Using it Locally

• Clone the project

git clone git@github.com:thecodechaser/ai-image-studio.git

cd ai-image-studio

• Install dependencies

npm i 
or
npm install

• To Start the development server

npm run dev

• To test the project

npm run test

Visit And Open Files

Visit Repo

Download Repo

Download Repo

Authors

👤 Ranjeet Singh

• Website: thecodechaser.com
• GitHub: @thecodechaser
• Twitter: @thecodechaser
• LinkedIn: thecodechaser

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Inspiration: Modelia

📝 License

This project is MIT licensed.