Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/imharshag/harshartify
Harshartify is an AI image generation app that creates images from text prompts using OpenAI and stores them with Cloudinary. Built with React, Express, Node.js, and MongoDB, it offers a scalable and seamless experience.
https://github.com/imharshag/harshartify
cloudinary-api expressjs material-ui mern-stack mongodb netlify nodejs openai-api reactjs render styled-components
Last synced: about 1 month ago
JSON representation
Harshartify is an AI image generation app that creates images from text prompts using OpenAI and stores them with Cloudinary. Built with React, Express, Node.js, and MongoDB, it offers a scalable and seamless experience.
- Host: GitHub
- URL: https://github.com/imharshag/harshartify
- Owner: imharshag
- Created: 2024-08-04T10:57:38.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-08-10T19:07:55.000Z (3 months ago)
- Last Synced: 2024-09-30T10:24:05.901Z (about 2 months ago)
- Topics: cloudinary-api, expressjs, material-ui, mern-stack, mongodb, netlify, nodejs, openai-api, reactjs, render, styled-components
- Language: JavaScript
- Homepage:
- Size: 231 KB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# HarshArtify - AI-Powered Image Generation Web Application ✨
Harshartify is an AI-powered image generation web application designed to bring your creative visions to life. Using OpenAI's advanced models for image generation and Cloudinary for efficient storage, this app combines React, Express, Node.js, and MongoDB for a seamless and scalable solution.
### Warning ⚠️
Please be aware that the live demo does not generate or store images due to API balance limitations. The application requires sufficient balance for OpenAI and other APIs to function fully. The demo may not show live image generation or storage.
### Setup Note 📌
MongoDB (cluster) API, Cloudinary API, OpenAI API, and Render server API must be created and added to the `.env` file located in the `server` folder before hosting.
### Demo 🎥
Check out the live demo of Harshartify: [Harshartify Demo](https://harshartify.netlify.app/)
### Features 🌟
- **AI Image Generation:** Create stunning images from text prompts using OpenAI's API. 🎨
- **Image Storage:** Store and manage images securely and efficiently with Cloudinary. ☁️
- **Full-Stack Architecture:** Frontend with React, backend with Express and Node.js, and data storage with MongoDB. 🔄
- **Deployment:** Smooth and reliable performance with Render (backend) and Netlify (frontend). 🚀
### Technologies Used 🛠️
- **Frontend:** React
- **Backend:** Express, Node.js
- **Database:** MongoDB
- **Image Generation:** OpenAI API
- **Image Storage:** Cloudinary
- **Hosting:** Render (backend), Netlify (frontend)
### Installation 🔧
1. **Clone the repository:**
```bash
git clone https://github.com/your-username/harshartify.git
```
2. **Navigate to the project directory:**
```bash
cd harshartify
```
3. **Install dependencies for both the frontend and backend:**
- For the frontend:
```bash
cd client
npm install
```
- For the backend:
```bash
cd ../server
npm install
```
4. **Set up environment variables for OpenAI and Cloudinary in `.env` files.**
5. **Start the application:**
- For the backend:
```bash
cd server
npm start
```
- In a separate terminal, run:
```bash
cd client
npm start
```
### 📬 Contact
If you have any questions, feedback, or collaboration inquiries, feel free to reach out [Harsha G](mailto:[email protected])
### Contributing 🤝
Feel free to contribute by opening issues or submitting pull requests. Your contributions and feedback are welcome! 📝
### License 📜
This project is licensed under the MIT License