Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/neha13singh/visioncraft_ai_image_generator
VisionCraft is a powerful AI-powered image generation platform that transforms your textual descriptions into stunning visual artwork. Built with React.js and Node.js, it leverages OpenAI's DALL-E API to create unique images from user prompts.
https://github.com/neha13singh/visioncraft_ai_image_generator
backend express js mern mongodb nodejs openai react
Last synced: about 2 months ago
JSON representation
VisionCraft is a powerful AI-powered image generation platform that transforms your textual descriptions into stunning visual artwork. Built with React.js and Node.js, it leverages OpenAI's DALL-E API to create unique images from user prompts.
- Host: GitHub
- URL: https://github.com/neha13singh/visioncraft_ai_image_generator
- Owner: neha13singh
- Created: 2024-11-03T13:11:48.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2024-11-04T16:22:04.000Z (about 2 months ago)
- Last Synced: 2024-11-04T17:18:59.709Z (about 2 months ago)
- Topics: backend, express, js, mern, mongodb, nodejs, openai, react
- Language: JavaScript
- Homepage:
- Size: 234 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Image_generator
# VisionCraft - AI Image Generation Platform 🎨![VisionCraft Banner](https://github.com/user-attachments/assets/2e2cee54-6285-44fd-b387-292295228a9b)
## 🌟 Overview
VisionCraft is a powerful AI-powered image generation platform that transforms your textual descriptions into stunning visual artwork. Built with React.js and Node.js, it leverages OpenAI's DALL-E API to create unique images from user prompts.
## Demo Screenshot
![Screenshot 1](https://github.com/user-attachments/assets/8fd2873f-ef25-461a-855c-f00609b3f6ce)
![Screenshot 2](https://github.com/user-attachments/assets/0b20ce0e-1346-44f5-a6cd-a7604bcf3602)
## ✨ Features
- 🎨 AI-powered image generation
- 💡 Intuitive prompt interface
- 🖼️ Community gallery showcase
- 🔍 Search functionality
- 📱 Responsive design
- 🌓 Dark/Light theme support## 🚀 Tech Stack
- **Frontend:**
- React.js
- Styled Components
- Material-UI
- Axios- **Backend:**
- Node.js
- Express
- MongoDB
- OpenAI API## 🛠️ Installation
1. Clone the repository:
```bash
(https://github.com/neha13singh/VisionCraft_AI_Image_Generator.git)
cd visioncraft
```2. Install dependencies:
```bash
# Install frontend dependencies
cd client
npm install# Install backend dependencies
cd ../server
npm install
```3. Set up environment variables:
```bash
# In server/.env
MONGODB_URL="Your MongoDB Connection String"
OPENAI_API_KEY="Your OpenAI API Key"
CLOUDINARY_CLOUD_NAME="Your Cloudinary Cloud Name"
CLOUDINARY_API_KEY="Your Cloudinary API Key"
CLOUDINARY_API_SECRET="Your Cloudinary API Secret"
PORT=5000
```4. Start the development servers:
```bash
# Start backend server
cd server
npm start# Start frontend server
cd client
npm start
```## 💡 Usage
1. Navigate to `http://localhost:3000`
2. Enter your name and image prompt
3. Click "Generate Image" to create AI artwork
4. Share your creation with the community## 📁 Project Structure
```
visioncraft/
├── client/ # Frontend React application
│ ├── src/
│ │ ├── components/ # Reusable UI components
│ │ ├── pages/ # Page components
│ │ ├── api/ # API integration
│ │ └── utils/ # Utility functions
│ └── public/ # Static assets
└── server/ # Backend Node.js application
├── controllers/ # Request handlers
├── models/ # Database models
└── routes/ # API routes
```## 🤝 Contributing
1. Fork the repository
2. Create your feature branch (`git checkout -b feature/AmazingFeature`)
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request## 🙏 Acknowledgments
- OpenAI for the DALL-E API
- React.js community
- Material-UI team
- All contributors---
Made with ❤️ by Neha SIngh