A fullstack (MERN) web app based on OpenAI API, allowing to create, post and download AI generated (DALL-E) pictures based on text prompts.
The app allows users to create AI generated pictures (1024x1024) based on text prompts. On homepage there is a display of all generated pictures. From homepage user can download any picture. On "create-post" page user can create picture based on custom prompts or choose a random prompt from a ready base of sample prompts. Pictures are stored in cloudinary account and MongoDB stores data to post and get the prompts. The app has light and dark mode, depending on user preference.
- Vite
- MongoDB
- Express.js
- React with Hooks
- Node.js
- Tailwind css
- OpenAI API
- Cloudinary
Click the link and check the demo app: Dalle-link
- install modules (CLI): "npm install"
- add .env file and to add following data of your own:
- OPENAI_API_KEY="your_key"
- MONGODB_URL="your_mongodb_link"
- CLOUDINARY_CLOUD_NAME="cloud_name"
- CLOUDINARY_API_KEY="your_key"
- CLOUDINARY_API_SECRET="secret"
- run local server (CLI): "npm run dev"
- install modules (CLI): "npm install"
- change both fetch addresses (in both src/pages/Home.jsx and src/pages/CreatePost.jsx) to localhost
- run local server (CLI): "npm run dev"
In case of any comments or advice, You can e-mail me or use Issues :)
- GitHub - Marcin Suski
- LinkedIn - marcin-suski
- Porftolio - marcinsuski.pl