Image Generator DALL E2 Clone

โปรแกรมสร้างภาพ - DALL E2 Clone

แอปพลิเคชันตัวสร้างรูปภาพที่สร้างขึ้นโดยใช้สแต็ก MERN (MongoDB, Express, React, Node.js) โปรเจ็กต์นี้ได้รับแรงบันดาลใจจากโมเดล DALL-E ของ OpenAI ซึ่งช่วยให้ผู้ใช้สามารถสร้างภาพที่สร้างสรรค์และจินตนาการตามคำแนะนำ

สารบัญ

• การแนะนำ
• คุณสมบัติ
• เทคโนโลยีที่ใช้
• การตั้งค่าและการติดตั้ง
• การใช้งาน
• เอกสาร API

การแนะนำ

Image Generator - DALL E2 Clone เป็นเว็บแอปพลิเคชันที่ช่วยให้ผู้ใช้สามารถสร้างภาพแห่งจินตนาการโดยใช้โมเดล DALL-E AI ผู้ใช้สามารถป้อนข้อความแจ้งได้ และแอปพลิเคชันจะสร้างภาพที่ไม่ซ้ำใครตามข้อความแจ้งเหล่านั้น

คุณสมบัติ

• สร้างและแบ่งปันภาพจินตนาการที่สร้างโดย DALL-E AI
• ข้อเสนอแนะแบบสุ่มเพื่อสร้างแรงบันดาลใจในการสร้างสรรค์
• เรียกดูคอลเลกชันรูปภาพที่สร้างขึ้น
• ส่วนต่อประสานผู้ใช้แบบโต้ตอบเพื่อประสบการณ์ที่ไร้รอยต่อ

เทคโนโลยีที่ใช้

• MongoDB: ฐานข้อมูลสำหรับจัดเก็บเนื้อหาที่ผู้ใช้สร้างขึ้น
• Express: เฟรมเวิร์กแบ็กเอนด์สำหรับการกำหนดเส้นทางและการจัดการ API
• React: ไลบรารีส่วนหน้าสำหรับสร้างส่วนต่อประสานผู้ใช้แบบไดนามิก
• Node.js: รันไทม์ JavaScript สำหรับการพัฒนาฝั่งเซิร์ฟเวอร์
• Cloudinary: สำหรับจัดการการอัพโหลดรูปภาพและการโฮสต์
• OpenAI API: เพื่อสร้างภาพโดยใช้โมเดล DALL-E
• FileSaver: เพื่อเปิดใช้งานการดาวน์โหลดรูปภาพที่ส่วนหน้า
• React Router: สำหรับจัดการการกำหนดเส้นทางฝั่งไคลเอ็นต์
• Tailwind CSS: เฟรมเวิร์ก CSS สำหรับการจัดสไตล์
• React Icons: สำหรับการใช้ไอคอน SVG ในแอปพลิเคชัน

การตั้งค่าและการติดตั้ง

1. โคลนพื้นที่เก็บข้อมูล: git clone https://github.com/your-username/image-generator-dall-e2-clone.git
2. นำทางไปยังไดเร็กทอรีโปรเจ็กต์: cd image-generator-dall-e2-clone
3. ติดตั้งการพึ่งพาแบ็กเอนด์: npm install
4. นำทางไปยังไดเร็กทอรี client : cd client
5. ติดตั้งการพึ่งพาส่วนหน้า: npm install
6. สร้างไฟล์ .env ในไดเร็กทอรีรากและตั้งค่าตัวแปรสภาพแวดล้อม:

MONGODB_URL=your-mongodb-connection-url OPENAI_API_KEY=your-openai-api-key CLOUD_NAME=your-cloudinary-cloud-name CLOUD_API_KEY=your-cloudinary-api-key CLOUD_API_SECRET_KEY=your-cloudinary-api-secret-key

เริ่มเซิร์ฟเวอร์การพัฒนา:

• ในไดเร็กทอรีไคลเอ็นต์: npm start
• ในไดเร็กทอรีราก: เริ่มต้น npm

การใช้งาน

1. เปิดเว็บเบราว์เซอร์ของคุณแล้วไปที่ http://localhost:3000 เพื่อเข้าถึงแอปพลิเคชัน
2. เรียกดูคอลเลกชันภาพที่สร้างโดย DALL-E AI
3. คลิกที่ "สร้าง" เพื่อสร้างภาพของคุณเอง
4. ป้อนข้อความแจ้งแล้วคลิก "สร้าง" เพื่อดูรูปภาพที่สร้างขึ้น
5. ใช้ปุ่ม "เซอร์ไพรส์ฉัน" เพื่อรับคำแนะนำแบบสุ่ม
6. คลิก "แบ่งปันกับชุมชน" เพื่อสนับสนุนการสร้างสรรค์ของคุณไปยังคอลเลกชัน

เอกสาร API

แอปพลิเคชันใช้ API เพื่อสร้างรูปภาพและจัดการโพสต์ ตรวจสอบไฟล์เส้นทางแต่ละไฟล์สำหรับรายละเอียด API:

1. dalleRoutes.js: สำหรับการสร้างภาพโดยใช้โมเดล OpenAI DALL-E

2. postRoutes.js: สำหรับการสร้างและดึงโพสต์จากฐานข้อมูล MongoDB

   

-