How iyiu9akhan/livechat works
LiveChat is a React chat and social app with registration, login, password reset, a home area, messages, and settings. The visible social workflow is user discovery and friend requests, followed by accepting a request into the friends list and opening a message box; users can also create groups and manage blocked users. Registration explicitly uses Firebase Authentication and writes profile data to Realtime Database. Several page and component implementations were not sampled, so their internal wiring and message persistence are not inferred.
Main entry points: App.jsx Route application · Home.jsx Home page · Registration.jsx Registration page · SideBar.jsx Navigation and logout
Components 21
App entry
- Route application
src/App.jsx - Home page
src/pages/Home.jsx - Navigation and logout
src/components/Layout/SideBar.jsx
Accounts
- Login page
src/pages/Login.jsx - Registration page
src/pages/Registration.jsx - Password reset
src/pages/ResetPassword.jsx - Settings page
src/pages/Settings.jsx - Firebase configuration
src/authentication/firebase.config.js
Social network
- User discovery
src/components/home/userList/UserList.jsx - Friend requests
src/components/home/friendRqst/FriendRqst.jsx - Friends list
src/components/home/friends/Friends.jsx - Blocked users
src/components/home/blockedUser/BlockedUser.jsx - Group directory
src/components/home/groupList/GroupList.jsx - Group view
src/components/home/groups/Groups.jsx
Messaging and state
- Messages page
src/pages/Messages.jsx - Active message state
src/slice/activeMsgBox.js - User session state
src/slice/userSlice.js - Redux store
src/store.js
Other components
- Visitor
- Firebase Authentication
- Firebase Realtime DB
Connections 34
- Visitor → Route application: opens
- Route application → Registration page: routes to
- Route application → Login page: routes to
- Route application → Password reset: routes to
- Route application → Home page: routes to
- Route application → Messages page: routes to
- Route application → Settings page: routes to
- Registration page → Firebase Authentication: creates account
- Registration page → Firebase Authentication: verifies email
- Registration page → Firebase Realtime DB: writes profile
- Registration page → Firebase configuration: uses config
- Login page → Firebase Authentication: authenticates
- Password reset → Firebase Authentication: resets password
- Home page → User discovery: presents
- Home page → Friend requests: presents
- Home page → Friends list: presents
- Home page → Blocked users: presents
- Home page → Group directory: presents
- User discovery → Firebase Realtime DB: reads requests
- User discovery → Firebase Realtime DB: sends requests
- Friend requests → Firebase Realtime DB: reads requests
- Friend requests → Firebase Realtime DB: accepts request
- Friends list → Firebase Realtime DB: reads friends
- Friends list → Active message state: selects conversation
- Blocked users → Firebase Realtime DB: reads and removes
- Group directory → Firebase Realtime DB: creates group
- Group directory → Group view: opens group
- Messages page → Active message state: uses selection
- Route application → Redux store: provides state
- Redux store → User session state: registers reducer
- Redux store → Active message state: registers reducer
- Navigation and logout → Firebase Authentication: signs out
- Navigation and logout → User session state: clears session
- Navigation and logout → Route application: navigates