This project was bootstrapped with Create React App.

Welcome to the Stable Diffusion Image Generator, a React application that uses the stable diffusion model to generate images based on the user's prompt. This project is designed to provide a simple and easy-to-use interface for generating stunning images with just a few clicks.

The Stable Diffusion Image Generator is an open-source project that allows users to create beautiful images by simply entering a prompt. The application uses the stable diffusion model to generate images that are unique and visually appealing. With just a few clicks, users can create their own custom images that can be used for a wide range of applications.

Note that the Stable Diffusion Image Generator works in conjunction with an API project based on FastAPI. The API project provides the machine learning capabilities necessary to generate the images based on user input. You can find the link to the API project here

To use the Stable Diffusion Image Generator, follow these simple steps:

1. Clone this repository to your local machine.

git clone https://github.com/ahmedbellaaj10/react-stable-diffusion-app.git

2. Install the necessary dependencies by running

npm install

3. Make sure you FastAPI repo is correctly cloned and has all the required dependencies
4. Start the application by running npm start.
5. Open http://localhost:3000 to view it in your browser.
6. Enter a prompt in the input field on the home page.
7. Click the "Generate" button to generate your custom image.
8. Save your image to your computer or share it online.

hank you for your interest in the Stable Diffusion Image Generator. I hope that you find this project useful and that it helps you create beautiful images that you can use for a wide range of applications. If you have any ideas to improve this work, you can contact me via mail on [email protected] or via linkedIn. Any feedback will be appreciated.

You can learn more in the Create React App documentation.

To learn React, check out the React documentation.

This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration

This section has moved here: https://facebook.github.io/create-react-app/docs/deployment

This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify