Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/salimi-my/ai-image-generator

This web app is an AI system that can create realistic images and art from a description in natural language. Created using MERN Stack and Open AI API.
https://github.com/salimi-my/ai-image-generator

expressjs mern mongodb openai tailwind-css

Last synced: 20 days ago
JSON representation

This web app is an AI system that can create realistic images and art from a description in natural language. Created using MERN Stack and Open AI API.

Host: GitHub
URL: https://github.com/salimi-my/ai-image-generator
Owner: salimi-my
Created: 2023-04-12T15:21:04.000Z (almost 2 years ago)
Default Branch: master
Last Pushed: 2024-03-19T15:54:19.000Z (10 months ago)
Last Synced: 2024-11-05T11:10:09.293Z (2 months ago)
Topics: expressjs, mern, mongodb, openai, tailwind-css
Language: JavaScript
Homepage: https://ai-image.salimi.my
Size: 1.67 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# [AI Image Generator](https://ai-image.salimi.my) · [![Author Salimi](https://img.shields.io/badge/Author-Salimi-%3C%3E)](https://www.linkedin.com/in/mohamad-salimi/)

This web app is an AI system that can create realistic images and art from a description in natural language. Created using MERN Stack and Open AI API.

## AI Image Generator

- A simple map project
- Created using React
- Add pin to map with review & rating

## Tech/framework used

- MERN
- Open AI
- Tailwind CSS

## Starting the project

#### Server

To start the backend open the [.env.example](/server/.env.example) and fill in your MongoDB URL, Open AI API Key & Cloudinary configurations then save it as .env the run the following command:

```bash
npm install
npm start
```

#### Client

To start the frontend then run the following command:

```bash
npm install
npm run dev
```

## Demo

Hosted privately on personal DigitalOcean Droplet. [Click here](https://ai-image.salimi.my) to visit.

Direct link: `https://ai-image.salimi.my`

## Screenshots

#### Homepage

![Homepage](/screenshots/screenshot-1.png)

#### Create Image

![Create Image](/screenshots/screenshot-2.png)