MERN全端小型專案練習,串接OpenAI api ,陸續增加新功能中
點選create可以使用prompt繪製圖片,如果沒有靈感可以點選Suprise me ,可以隨機提供prompt使用。 點選Generate則會開始繪製圖片,需要等待一點時間 點選Share with the community 可以將照片儲存到資料庫,並顯示在首頁,移到圖片上方會有prompt、使用者名稱、下載按鈕。
-
前端框架:React 18
-
UI框架:TailwindCSS
-
後端語言:Node.js
-
後端框架:Express.js
-
資料儲存 | MongoDB
-
圖片儲存 | Cloudinary
-
網站部署 | Vercel (Front) / Render (Back)
-
開發工具:ESLint|Vite