Image Generator DALL E2 Clone

Générateur d'images - Clone DALL E2

Une application génératrice d'images construite à l'aide de la pile MERN (MongoDB, Express, React, Node.js). Ce projet s'inspire du modèle DALL-E d'OpenAI, permettant aux utilisateurs de générer des images créatives et imaginatives basées sur des invites.

Table des matières

• Introduction
• Caractéristiques
• Technologies utilisées
• Configuration et installation
• Usage
• Documentation API

Introduction

Le générateur d'images - DALL E2 Clone est une application Web qui permet aux utilisateurs de créer des images imaginatives à l'aide du modèle DALL-E AI. Les utilisateurs peuvent saisir des invites et l'application génère des images uniques basées sur ces invites.

Caractéristiques

• Créez et partagez des images imaginatives générées par DALL-E AI.
• Suggestion aléatoire pour inspirer la créativité.
• Parcourez une collection d’images générées.
• Interface utilisateur interactive pour une expérience transparente.

Technologies utilisées

• MongoDB : Base de données pour stocker le contenu généré par l'utilisateur.
• Express : framework backend pour le routage et la gestion des API.
• React : bibliothèque frontend pour créer des interfaces utilisateur dynamiques.
• Node.js : runtime JavaScript pour le développement côté serveur.
• Cloudinary : pour gérer le téléchargement et l'hébergement d'images.
• API OpenAI : Pour générer des images à l'aide du modèle DALL-E.
• FileSaver : pour activer les téléchargements d'images sur le frontend.
• React Router : pour gérer le routage côté client.
• Tailwind CSS : framework CSS pour le style.
• Icônes React : pour utiliser les icônes SVG dans l'application.

Configuration et installation

1. Clonez le référentiel : git clone https://github.com/your-username/image-generator-dall-e2-clone.git
2. Accédez au répertoire du projet : cd image-generator-dall-e2-clone
3. Installer les dépendances backend : npm install
4. Accédez au répertoire client : cd client
5. Installer les dépendances frontales : npm install
6. Créez un fichier .env dans le répertoire racine et définissez les variables d'environnement :

MONGODB_URL=votre-url-de-connexion-mongodb OPENAI_API_KEY=votre-clé-api-openai CLOUD_NAME=nom-de-votre-cloudinary-cloud CLOUD_API_KEY=votre-clé-api-cloudinary CLOUD_API_SECRET_KEY=votre-clé-secret-api-cloudinary

Démarrez le serveur de développement :

• Dans le répertoire client : npm start
• Dans le répertoire racine : npm start

Usage

1. Ouvrez votre navigateur Web et accédez à http://localhost:3000 pour accéder à l'application.
2. Parcourez la collection d’images générées par DALL-E AI.
3. Cliquez sur "Créer" pour générer votre propre image.
4. Saisissez une invite et cliquez sur "Générer" pour voir l'image générée.
5. Utilisez le bouton « Surprenez-moi » pour obtenir une suggestion aléatoire.
6. Cliquez sur "Partager avec la communauté" pour contribuer votre création à la collection.

Documentation API

L'application utilise des API pour générer des images et gérer les publications. Vérifiez les fichiers de route individuels pour les détails de l'API :

1. dalleRoutes.js : Pour générer des images à l'aide du modèle OpenAI DALL-E.

2. postRoutes.js : pour créer et récupérer des publications à partir de la base de données MongoDB.

   

=================================================== ========================