https://github.com/caknoooo/dall-e-clone-client
💠Create a simple dall-e website based on AI using the API from Open-AI and implementing the Mern concept
https://github.com/caknoooo/dall-e-clone-client
client-side cloudinary-api mern-stack openai-api react-tsx
Last synced: 6 months ago
JSON representation
💠Create a simple dall-e website based on AI using the API from Open-AI and implementing the Mern concept
- Host: GitHub
- URL: https://github.com/caknoooo/dall-e-clone-client
- Owner: Caknoooo
- License: mit
- Created: 2023-01-30T01:02:55.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-03-08T13:02:23.000Z (over 2 years ago)
- Last Synced: 2025-04-18T15:16:35.706Z (6 months ago)
- Topics: client-side, cloudinary-api, mern-stack, openai-api, react-tsx
- Language: TypeScript
- Homepage: https://dall-e-clone-client.vercel.app
- Size: 104 KB
- Stars: 21
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Dall - E Clone
Here I made a simple dall e clone with the help of some very popular technologies today, such as MongoDB, Express JS, React, Node Js or commonly called MERN-Stack, with the help of [Cloudinary](https://cloudinary.com/) as image storage to save hosting storage space significantly.
# Installation
- Create a folder to store the following 2 repositories
```
git clone https://github.com/Caknoooo/dall-e-clone-client.git
cd client
npm install
git clone https://github.com/Caknoooo/dall-e-clone-server.git
cd server
npm install
```
- Create an .env on folder server file and fill it with:
```
MONGODB_URL =
OPENAI_API_KEY =
CLOUDINARY_CLOUD_NAME =
CLOUDINARY_API_KEY =
CLOUDINARY_API_SECRET =
```
you can get the API code from the official website
- Change directory to client folder and replace the fetching api destination with localhost:8080
After you replace all fetch urls taken, then you just have to run it
```
npm run dev -> for client side
npm start -> for server side
```
# References
[Cloudinary](https://cloudinary.com/)
[MongoDB](https://mongodb.com/)
[OpenAI](https://openai.com/api/)