How xensen008/textora-frontend works
Textora is a React chat frontend: users register and verify or recover access, then browse conversations, find people, and exchange messages and media. The inspected source shows REST calls for account lookup, user search, and Cloudinary uploads; socket events carry conversations, online status, and message updates. Authentication and chat screens are mapped from sampled files, but verification and password-recovery request behavior is not sampled, so their backend wiring is not inferred.
Main entry points: index.jsx Route map · Home.jsx Authenticated home · SidebarUser.jsx Conversation list · MessPage.jsx Message view
Components 17
Account access
- Registration
src/pages/RegisterPage.jsx - Email check
src/pages/CheckEmailPage.jsx - Password check
src/pages/CheckPassPage.jsx - Password recovery
src/pages/ForgotPasswordPage.jsx
Chat experience
- Authenticated home
src/pages/Home.jsx - Conversation list
src/components/SidebarUser.jsx - User search
src/components/SearchUser.jsx - Message view
src/components/MessPage.jsx - Profile editing
src/components/EditUserData.jsx - Media upload
src/utils/uploadFile.jsx
Client state
- User state
src/stores/userSlice.js - Redux store
src/stores/store.js
Other components
- User
- Chat backend
- Cloudinary
Connections 27
- User → App shell: opens
- App shell → Route map: renders routes
- Route map → Registration: routes
- Route map → Email check: routes
- Route map → Password check: routes
- Route map → Password recovery: routes
- Route map → Authenticated home: routes
- Route map → Message view: routes
- Registration → Chat backend: registers via REST
- Registration → Media upload: uploads photo
- Email check → Password check: routes onward
- Authenticated home → Chat backend: fetches user
- Authenticated home → Chat backend: connects socket
- Authenticated home → User state: dispatches user and status
- Authenticated home → Conversation list: renders
- Conversation list → Chat backend: requests conversations
- Conversation list → User state: reads user and socket
- Conversation list → User search: opens
- Conversation list → Profile editing: opens
- User search → Chat backend: searches users
- User search → Route map: navigates to chat
- Message view → Chat backend: exchanges socket events
- Message view → User state: reads user and socket
- Message view → Media upload: uploads media
- Profile editing → Chat backend: updates profile
- Media upload → Cloudinary: uploads file
- Redux store → User state: configures reducer