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: 3 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 (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-25T06:20:55.000Z (over 1 year ago)
- Last Synced: 2024-12-28T06:25:34.358Z (over 1 year ago)
- Topics: backend, express, js, mern, mongodb, nodejs, openai, react
- Language: JavaScript
- Homepage: https://visioncraft-ai-image-generator-client.onrender.com/
- Size: 275 KB
- Stars: 1
- 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 🎨
## 🌟 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.
[Visit VisionCraft](https://visioncraft-ai-image-generator-client.onrender.com/)
## Demo Screenshot
## ✨ Features
- 🎨 AI-powered image generation
- 💡 Intuitive prompt interface
- 🖼️ Community gallery showcase
- 🔍 Search functionality
- 📱 Responsive design
## 🚀 Tech Stack
- **Frontend:**
- React.js
- 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