Chat Appication 💬

Chat App เว็บไซต์สำหรับการพูดคุยและสนทนากับเพื่อนหรือผู้ใช้งานคนอื่น ๆ แบบ Realtime
สามารถเพิ่มเพื่อน เริ่มต้นการสนทนา และส่งข้อความหรือรูปภาพได้ รองรับการใช้งานบนทุก Platform

หมายเหตุ: โปรเจคนี้ใช้ระบบ Realtime Database (Firebase) สำหรับจัดการข้อความและสถานะผู้ใช้งาน

🌐 Features

👋 Getting Started

• หน้าแรก: Register / Login เพื่อเข้าสู่ระบบ
• ผู้ใช้สามารถ อัปเดตโปรไฟล์ ได้หลังเข้าสู่ระบบ
• เพิ่มเพื่อน (Contacts) เพื่อเริ่มต้นการสนทนา

💬 Chat Room

• สนทนาแบบ Realtime
• ส่งข้อความ ตัวอักษร และรูปภาพ
• แสดงเวลาในการส่งข้อความ
• แสดงสถานะว่าเพื่อน “Online / Offline”
• ระบบจะ อัปเดตสถานะทุก ๆ 1 นาที

🧑‍🤝‍🧑 Friends & Contacts

• ค้นหาเพื่อนใหม่ได้จากระบบ
• เพิ่มเพื่อนได้ด้วยการยืนยันการเชื่อมต่อ
• รายชื่อเพื่อนแสดงใน sidebar ด้านข้างของแอป

🛠 Tech Stack

• Frontend Framework: React ⚛️
• Styling: CSS
• Backend & Realtime: Firebase Realtime Database
• Authentication: Firebase Auth (Email & Password)
• Storage: Firebase Storage (สำหรับอัปโหลดรูปภาพ)

📌 Note

• โปรเจคนี้เป็นระบบ Realtime Chat Application
• ใช้สำหรับทดลองการพัฒนา แอปสนทนาออนไลน์ แบบครบวงจรด้วย Firebase
• เน้นการใช้งานง่ายและการอัปเดตข้อมูลแบบเรียลไทม์