{"id":29688652,"url":"https://github.com/tanhaow/openai-image-generation-app","last_synced_at":"2026-04-12T03:35:22.740Z","repository":{"id":257480281,"uuid":"858383866","full_name":"tanhaow/OpenAI-Image-Generation-App","owner":"tanhaow","description":"🎨 Full-stack MERN app for generating and sharing AI-driven images using OpenAI's DALL-E API. ✨","archived":false,"fork":false,"pushed_at":"2024-09-21T18:32:24.000Z","size":14905,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-06-19T02:19:53.611Z","etag":null,"topics":["cloudinary","dalle","express","mongodb","node","openai","openai-api","react","tailwindcss","vite","webapp"],"latest_commit_sha":null,"homepage":"https://rachel-tanhao.github.io/OpenAI-Image-Generation-App/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/tanhaow.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-09-16T19:54:22.000Z","updated_at":"2024-09-21T19:46:07.000Z","dependencies_parsed_at":"2024-09-29T11:55:13.338Z","dependency_job_id":null,"html_url":"https://github.com/tanhaow/OpenAI-Image-Generation-App","commit_stats":null,"previous_names":["tanhaow/openai-image-generation-app","haotan01/openai-image-generation-app","haoucoding/openai-image-generation-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/tanhaow/OpenAI-Image-Generation-App","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tanhaow%2FOpenAI-Image-Generation-App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tanhaow%2FOpenAI-Image-Generation-App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tanhaow%2FOpenAI-Image-Generation-App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tanhaow%2FOpenAI-Image-Generation-App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tanhaow","download_url":"https://codeload.github.com/tanhaow/OpenAI-Image-Generation-App/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tanhaow%2FOpenAI-Image-Generation-App/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266625267,"owners_count":23958305,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-23T02:00:09.312Z","response_time":66,"last_error":null,"robots_txt_status":null,"robots_txt_updated_at":null,"robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cloudinary","dalle","express","mongodb","node","openai","openai-api","react","tailwindcss","vite","webapp"],"created_at":"2025-07-23T05:37:58.218Z","updated_at":"2026-01-28T00:40:39.276Z","avatar_url":"https://github.com/tanhaow.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🌟 OpenAI DALL-E Image Generation App\n\nWelcome to DALL-E Clone, a full-stack web app powered by OpenAI's DALL-E API to generate stunning AI-driven images. This app is a playground for AI and creativity, where your words turn into art. 🧑‍🎨\nBuild, share, and explore a community of AI-generated artwork—all in a sleek, responsive design. Whether you're an AI enthusiast or just curious, this platform lets you dive into the magic of image generation easily! 🎨✨\n\n\n![Laptop Demo](laptop_demo.png)\n\n\n## 🌐 Demo\nHere is a working live demo: \nhttps://rachel-tanhaow.github.io/OpenAI-Image-Generation-App/\n\nPlease allow a few seconds for the homepage images to load if it’s your first time visiting. \n\n(Apologies! I’m using the free Cloudinary plan, so loading may take a moment) 😊\n\n## 🛠️ Technologies Used\n- Frontend: React, Vite, Tailwind CSS\n- Backend: Node.js, Express\n- Database: MongoDB\n- Image Cloud Storage: Cloudinary\n- AI Image Generation: OpenAI DALL-E API\n\n![Phone Demo](phone_demo.png)\n\n## 📝 What It's All About\n\nI built this project with the motivation to make interacting with AI image generation easy and fun! Many people don't often try platforms like Midjourney or DALL-E, so I wanted to create a user-friendly way for everyone to explore the magic of AI. Therefore, my goal was to simplify interacting with DALL-E and build a community around it. 🪄\n\nAs a result, this DALL-E Clone web app streamlines the process of generating AI images and provides a platform for sharing and discovering AI-generated artwork! 🎨✨\n\n### ✨ New Features\n\n- Generate AI images using DALL-E API\n- Share generated images with the community\n- View and download community-shared images\n- Responsive design for various screen sizes\n\n## 📖 Table of Contents\n- [🌟 OpenAI DALL-E Image Generation App](#-openai-dall-e-image-generation-app)\n  - [🌐 Demo](#-demo)\n  - [🛠️ Technologies Used](#️-technologies-used)\n  - [📝 What It's All About](#-what-its-all-about)\n    - [✨ New Features](#-new-features)\n  - [📖 Table of Contents](#-table-of-contents)\n  - [✨ Features](#-features)\n  - [🛠️ Setup Project](#️-setup-project)\n    - [🍴 Prerequisites](#-prerequisites)\n    - [🚀 Installation](#-installation)\n  - [🔍 Usage](#-usage)\n  - [🔒 Environment Variables](#-environment-variables)\n  - [🤝 Contributing](#-contributing)\n    - [📫 Contact Me](#-contact-me)\n  - [📄 License](#-license)\n\n## ✨ Features\n\n- Generate AI images using DALL-E API\n- Share generated images with the community\n- View and download community-shared images\n- Responsive design for various screen sizes\n\n## 🛠️ Setup Project\n### 🍴 Prerequisites\n\n- [Node.js](https://nodejs.org/)\n- [npm](https://www.npmjs.com/)\n- [MongoDB](https://www.mongodb.com/)\n- [Cloudinary account](https://cloudinary.com/)\n- [OpenAI API key](https://openai.com/)\n\n\n### 🚀 Installation\n1. Clone the repository\n```bash\ngit clone https://github.com/rachel-tanhaow/OpenAI-Image-Generation-App.git\ncd OpenAI-Image-Generation-App\n```\n\n2. Install dependencies for both client and server\n```bash\ncd client\nnpm install\ncd ../server\nnpm install\n```\n\n3. Set up environment variables (see [Environment Variables](#environment-variables) section)\n\n4. Start the back-end\n```bash\ncd server\nnpm start\n```\n\n5. Start the front-end\n```bash\ncd client\nnpm run dev\n```\n\n## 🔍 Usage\nAfter starting both the client and server, navigate to `http://localhost:5173` (or a similar address, find in your terminal log) in your web browser. You can create new AI-generated images by providing prompts, and view or share images created by the community.\n\n\n\n\n## 🔒 Environment Variables\n\nIn the `server` directory, create a `.env` file and add the following values:\n```bash\nMONGODB_URL=your_mongodb_connection_string\nOPENAI_API_KEY=your_openai_api_key\nCLOUDINARY_CLOUD_NAME=your_cloudinary_cloud_name\nCLOUDINARY_API_KEY=your_cloudinary_api_key\nCLOUDINARY_API_SECRET=your_cloudinary_api_secret\n```\n\n## 🤝 Contributing\n\nContributions are welcome! Please feel free to submit a Pull Request.\n\n1. Fork the repository\n2. Create your feature branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n### 📫 Contact Me\n- tanhaosmail@gmail.com\n\n## 📄 License\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftanhaow%2Fopenai-image-generation-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftanhaow%2Fopenai-image-generation-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftanhaow%2Fopenai-image-generation-app/lists"}