How harshpatel2414/flashchat works
FlashChat is a React chat application backed by Firebase. Users sign up or log in, find another user and establish a chat, select a conversation, then exchange text and image messages. Source excerpts support the authentication, chat setup, message-send, and live chat-list relationships shown; Home and several chat UI modules are present in the tree but their implementation was not sampled, so their internal wiring is left unspecified.
Main entry points: AuthContext.js Auth Context · App.js App Routes · ChatContext.js Chat Context · Input.js Message Input
Components 19
App and Routing
- App Entry
src/index.js - App Routes
src/App.js
Identity and Profiles
- Login
src/components/Login.js - Signup
src/components/Signup.js - Auth Context
src/context/AuthContext.js
Chat Experience
- Home
src/components/Home.js - User Search
src/components/Search.js - User Container
src/components/UserContainer.js - Chat List
src/components/Chats.js - Chat Context
src/context/ChatContext.js - Chat Container
src/components/ChatConatiner.js - Chat View
src/components/Chating.js - Message Input
src/components/Input.js - Message Display
src/components/Message.js - Navigation Bar
src/components/Navbar.js
Firebase Services
- Firebase Auth
- Cloud Firestore
- Firebase Storage
Other components
- User
Connections 25
- User → App Routes: uses
- App Entry → App Routes: renders
- App Entry → Auth Context: provides
- App Entry → Chat Context: provides
- App Routes → Auth Context: checks session
- App Routes → Home: routes
- App Routes → Login: routes
- App Routes → Signup: routes
- Login → Firebase Auth: signs in
- Signup → Firebase Auth: creates account
- Signup → Firebase Storage: uploads profile
- Signup → Cloud Firestore: writes profile
- Auth Context → Firebase Auth: observes session
- User Search → Auth Context: reads current user
- User Search → Cloud Firestore: searches users
- User Search → Cloud Firestore: creates chat records
- Chat List → Cloud Firestore: subscribes to user chats
- Chat List → Chat Context: dispatches selection
- Chat Context → Auth Context: reads current user
- Message Input → Auth Context: reads sender
- Message Input → Chat Context: reads selected chat
- Message Input → Firebase Storage: uploads attachment
- Message Input → Cloud Firestore: writes messages and previews
- Message Display → Auth Context: reads current user
- Message Display → Chat Context: reads selected user