Generador de imágenes - Clon DALL E2
Una aplicación generadora de imágenes creada con la pila MERN (MongoDB, Express, React, Node.js). Este proyecto está inspirado en el modelo DALL-E de OpenAI, que permite a los usuarios generar imágenes creativas e imaginativas basadas en indicaciones.
Tabla de contenido
- Introducción
- Características
- Tecnologías utilizadas
- Configuración e instalación
- Uso
- Documentación API
Introducción
Image Generator - DALL E2 Clone es una aplicación web que permite a los usuarios crear imágenes imaginativas utilizando el modelo DALL-E AI. Los usuarios pueden ingresar indicaciones y la aplicación genera imágenes únicas basadas en esas indicaciones.
Características
- Cree y comparta imágenes imaginativas generadas por DALL-E AI.
- Sugerencia rápida aleatoria para inspirar la creatividad.
- Explore una colección de imágenes generadas.
- Interfaz de usuario interactiva para una experiencia perfecta.
Tecnologías utilizadas
- MongoDB: Base de datos para almacenar contenido generado por el usuario.
- Express: marco backend para enrutamiento y manejo de API.
- React: biblioteca frontend para crear interfaces de usuario dinámicas.
- Node.js: tiempo de ejecución de JavaScript para desarrollo del lado del servidor.
- Cloudinary: Para manejar la carga y el alojamiento de imágenes.
- API OpenAI: para generar imágenes utilizando el modelo DALL-E.
- FileSaver: para habilitar la descarga de imágenes en la interfaz.
- React Router: para gestionar el enrutamiento del lado del cliente.
- Tailwind CSS: marco CSS para diseñar.
- React Icons: para usar íconos SVG en la aplicación.
Configuración e instalación
- Clona el repositorio:
git clone https://github.com/your-username/image-generator-dall-e2-clone.git
- Navegue al directorio del proyecto:
cd image-generator-dall-e2-clone
- Instalar dependencias de backend:
npm install
- Navegue al directorio
client
: cd client
- Instalar dependencias de frontend:
npm install
- Cree un archivo
.env
en el directorio raíz y establezca las variables de entorno:
MONGODB_URL=su-url-de-conexión-mongodb OPENAI_API_KEY=su-clave-api-openai CLOUD_NAME=su-nombre-de-nube-cloudinary CLOUD_API_KEY=su-clave-api-cloudinary CLOUD_API_SECRET_KEY=su-clave-secreta-api-cloudinary
Inicie el servidor de desarrollo:
- En el directorio del cliente: npm start
- En el directorio raíz: npm start
Uso
- Abra su navegador web y navegue hasta http://localhost:3000 para acceder a la aplicación.
- Explore la colección de imágenes generadas por DALL-E AI.
- Haga clic en "Crear" para generar su propia imagen.
- Ingrese un mensaje y haga clic en "Generar" para ver la imagen generada.
- Utilice el botón "Sorpréndeme" para obtener una sugerencia aleatoria.
- Haga clic en "Compartir con la comunidad" para contribuir con su creación a la colección.
Documentación API
La aplicación utiliza API para generar imágenes y administrar publicaciones. Consulte los archivos de ruta individuales para obtener detalles de la API:
dalleRoutes.js: Para generar imágenes utilizando el modelo OpenAI DALL-E.
postRoutes.js: para crear y recuperar publicaciones de la base de datos MongoDB.
==================================================== =========================