Project Description
📅 2024Fullstack Website
⚙ React, CSS, JavaScript, FirebaseChat Appication 💬
Chat App เว็บไซต์สำหรับการพูดคุยและสนทนากับเพื่อนหรือผู้ใช้งานคนอื่น ๆ แบบ Realtime
สามารถเพิ่มเพื่อน เริ่มต้นการสนทนา และส่งข้อความหรือรูปภาพได้ รองรับการใช้งานบนทุก Platform

🌐 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
- เน้นการใช้งานง่ายและการอัปเดตข้อมูลแบบเรียลไทม์