Skip to content

This project is a Dall-E Clone that was made using the MERN stack with Cloudinary and Tailwind CSS.

Notifications You must be signed in to change notification settings

oebsworth/dall-e-reactjs-web

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Project Overview

This project intricately emulates the capabilities of DALL·E, utilizing the MERN stack with Cloudinary and Tailwind CSS. The DALL·E API is harnessed to retrieve and generate images, subsequently saved to Cloudinary along with corresponding prompts and authors stored in MongoDB. The resultant showcase allows users to view, download, and search for images.

Showcase Page

image The Showcase Page introduces an "Search Posts" input field to facilitate searches based on author names or prompts. The showcase grid visually presents all stored images. Hovering over an image displays the prompt, author, and a download button, permitting users to download images in JPG format. The "Create" button, located at the top-right, navigates users to another page.

image

Upon hovering, an overlay appears showcasing the prompt, author, and download button.

Generator Page

image The Generator Page encompasses various inputs: "Your name" for the author's name, "Prompt" for generating images, and a "Surprise Me" button for random prompts. The image field displays generated images from the DALL·E API. The "Generate" button triggers image generation. A "Share with the community" button posts author, prompt, and image data to databases for display on the showcase screen.

Through the strategic integration of the MERN stack, Cloudinary, and Tailwind CSS, this project mirrors the core capabilities of DALL·E while providing a user-friendly interface for image generation, display, and sharing.