https://github.com/chijian28/artifygen-ai

🌟Check out my PERN stack web app! It uses the OpenAI API to create beautiful images. Join in and discover the artistic possibilities!
https://github.com/chijian28/artifygen-ai

cloudinary openai-api pern-stack

Last synced: 4 months ago
JSON representation

🌟Check out my PERN stack web app! It uses the OpenAI API to create beautiful images. Join in and discover the artistic possibilities!

• Host: GitHub
• URL: https://github.com/chijian28/artifygen-ai
• Owner: ChiJian28
• License: mit
• Created: 2023-12-29T16:57:04.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-02T06:36:24.000Z (over 1 year ago)
• Last Synced: 2025-01-08T11:48:21.980Z (5 months ago)
• Topics: cloudinary, openai-api, pern-stack
• Language: TypeScript
• Homepage: https://artify-gen-ai.vercel.app/
• Size: 6.48 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# AI Image Generator Application

Welcome to the AI Image Generator App! This full-stack web app employs the PERN (PostgreSQL, Express.js, React.js, Node.js) stack, Vite.js, and the OpenAI API to craft lifelike images.The application is accessible to everyone through this [link](https://artify-gen-ai.vercel.app/).

## Technologies Used

* PostgreSQL: A powerful relational database management system (RDBMS) used to store photo links generated by the OpenAI API.

* Express.js: A back-end web application framework for Node.js used to create a RESTful API.

* React.js: A front-end JavaScript library used to create the user interface and interact with the API.

* Node.js: A JavaScript runtime environment used for the back-end server.

* OpenAI API: An artificial intelligence API that generates high-quality images based on user inputs.

* Cloudinary: An end-to-end image and video management platform that stores generated photos.

* Vite.js: A build tool that serves the website in development and optimizes the website for production.

## How it Works

1. User clicks the "create" button

2. User can choose to type anything or clicks the "surprise me" button to generate a random prompt

3. User clicks the "Generate" button

4. The application sends a request to the OpenAI API with the specified parameters

5. The OpenAI API generates a high-quality image based on the parameters

6. The application stores the generated image in Cloudinary and retrieves the image URL

7. The application stores the image URL in PostgreSQL

8. User can choose to share with the community by clicking the "share" button

9. The application displays the generated image to the user at the Home page.

## Previews

![Create Page](https://github.com/ChiJian28/ArtifyGen-AI/assets/109941092/2bbc31d8-cbf4-4477-ba03-8966b81877fb)

![Home Page](https://github.com/ChiJian28/ArtifyGen-AI/assets/109941092/07a139fe-a032-4707-8592-86deeb00f496)

![Home Page with scrolling multiple images in a frame](https://github.com/ChiJian28/ArtifyGen-AI/assets/109941092/16199a56-f53b-43e6-9d5a-491829ec8e96)

![Home Page with search function](https://github.com/ChiJian28/ArtifyGen-AI/assets/109941092/47358598-6430-41d5-8310-b0894db48ceb)

# License

This project is licensed under the [MIT License](https://opensource.org/license/mit/).

# Summary

👉 If you like this project, give it a star ✨ and share 👨🏻‍💻 it to your friends 👈