How xdtin6/kiko-chat-web-app works
KikoChat is a browser-based real-time chat app. Users log in, see contacts and presence, and exchange text or media with delivery/read receipts; admins can create accounts and clear chats. The README describes a single index.html implementation backed by Firebase Realtime Database and Storage. Component boundaries and connections below reflect documented capabilities only; no source excerpts were available to confirm finer-grained call ownership.
Main entry points: index.html Chat interface
Components 14
Chat experience
- Chat interface
index.html - User list
index.html - Presence and status
index.html - Chat view
index.html - Text messaging
index.html - Image and video
index.html - Read receipts
index.html
Accounts and administration
- Login
index.html - Account management
index.html - Chat clearing
index.html
Firebase services
- Realtime Database
- Firebase Storage
Other components
- User
- Admin
Connections 18
- User → Chat interface: uses
- Admin → Chat interface: uses
- Chat interface → Login: offers login
- Chat interface → User list: shows contacts
- Chat interface → Chat view: opens chat
- Admin → Account management: creates accounts
- Admin → Chat clearing: requests clearing
- Login → Realtime Database: checks accounts
- Account management → Realtime Database: stores accounts
- User list → Realtime Database: reads users
- Presence and status → Realtime Database: reads status
- Chat view → Text messaging: supports
- Chat view → Image and video: supports
- Text messaging → Realtime Database: stores messages
- Image and video → Firebase Storage: stores media
- Image and video → Realtime Database: stores message data
- Read receipts → Realtime Database: tracks receipt status
- Chat clearing → Realtime Database: clears chats