HomeProjectBlogServiceAbout
CloudySand .

GeminiClone Website 🤖

Share :

FacebookTwitter

Link Preview 🔗

https://gemini-clone-with-api.netlify.app/
cloud1-mockuppath-mockup
geminiclone
cloud2-mockup
cloud1-mockuppath-mockup
geminiclone-mobile
cloud2-mockup
← Blog Website 📑 Bakery Website 🍪 →

Project Description

📅 2024

Fullstack Website

⚙ React, CSS, JavaScript

GeminiClone Website 🤖

Gemini Clone เว็บไซต์ AI Chat Platform สำหรับโต้ตอบและถามคำถามกับ AI แบบเรียลไทม์
ผู้ใช้งานสามารถพิมพ์คำถามเพื่อให้ AI ตอบกลับได้ในรูปแบบข้อความ รองรับการแสดงผลแบบ Markdown
โปรเจคนี้ถูกพัฒนาในช่วงเดือน พฤษภาคม 2024 (ยังไม่ได้อัปเดตฟีเจอร์ใหม่ล่าสุดของปัจจุบัน)

geminiclone-1

หมายเหตุ: โปรเจคนี้เป็นระบบ Frontend-based AI Chat Interface ที่เชื่อมต่อกับ Google Workspace API เพื่อประมวลผลคำตอบจาก AI

🌐 Features

💬 Chat Interface

  • พิมพ์คำถามเพื่อถาม AI ได้โดยตรง
  • รองรับการตอบกลับแบบ Markdown Format
  • มี Loader Animation ระหว่างรอคำตอบ
  • ข้อความตอบของ AI แสดงแบบ Typing Delay Effect (ค่อย ๆ ปรากฏ)
  • บันทึกประวัติการสนทนาล่าสุดไว้ที่ Sidebar

💡 Suggestion & UX

  • หน้าแรกมีระบบ Auto-Suggest Questions สำหรับช่วยแนะนำคำถาม
  • สามารถคลิกคำถามแนะนำเพื่อให้ AI ตอบได้ทันที
  • รองรับการใช้งานบนทุกอุปกรณ์ (Responsive Design)

⚙️ Backend & Integration

  • ใช้งาน Google Workspace API สำหรับประมวลผลการตอบคำถามของ AI

🛠 Tech Stack

  • Frontend Framework: React ⚛️
  • Styling: CSS
  • API Integration: Google Workspace API

📌 Note

  • โปรเจคนี้เป็นระบบ AI Chat Prototype
  • มุ่งเน้นการทดลองสร้างอินเทอร์เฟซ AI Chat และการเชื่อมต่อ API ภายนอก
  • ยังไม่มีระบบ Authentication หรือ Database ในเวอร์ชันนี้
← Blog Website 📑 Bakery Website 🍪 →
profile-image
CloudySandcloud-mid

I believe every design should tell a story and every system should feel human.

I believe every design should tell a story and every system should feel human.

CloudySand

• Home• Projects• Blog• Service• About

Contact

email-iconcloudysand.dev@gmail.com
phone-icon081-7740860

Social Media

github iconfacebook iconinstagram iconyoutube iconline icon

Copyright © 2026 CloudySand - All Rights Reserved

footer