How venu123143/fileflow works
FileFlow is a browser-based file management application. Users authenticate, enter protected file and settings areas, then organize, upload, preview, share, or recover files; account, access-control, notification, and media features form distinct supporting workflows. The graph follows documented capabilities and the sampled routing, provider, context, and API relationships. Several page and integration implementations were not sampled, so uncertain links are omitted rather than inferred.
Main entry points: pages File-area pages · AppProviders.tsx App providers · useAuth.tsx Authentication · axios.ts HTTP client
Components 25
App and access
- Application routes
src/App.tsx - App providers
src/providers/AppProviders.tsx
File management
- File-area pages
src/pages - File operations state
src/contexts/fileContext.tsx - File manager views
src/components/file-manager/FileManager.tsx - File API
src/api/file.api.ts - File data model
src/types/file.types.ts - Manager view model
src/types/file-manager.ts
Identity and settings
- Sign in and register
src/routes/auth - Authentication
src/contexts/useAuth.tsx - Token state
src/store/auth.store.ts - Authentication API
src/api/auth.api.ts - HTTP client
src/api/axios.ts - Settings
src/components/settings - Private-file PIN
src/components/session/VerifyPin.tsx
Uploads and notifications
- Upload interface
src/components/upload/FIleUploader.tsx - Upload queue
src/contexts/UploadContext.tsx - Upload API
src/api/upload.api.ts - Notifications
src/contexts/NotificationContext.tsx - Notification API
src/api/notification.api.ts - Live connection
src/contexts/SocketContext.tsx
Media experience
- Media preview
src/components/custom/ImageViewer.tsx - Video player
src/components/player/VideoPlayer.tsx
Other components
- User
- Backend API
Connections 31
- User → Application routes: uses
- Application routes → Sign in and register: routes to
src/App.tsx - Application routes → File-area pages: routes to
src/App.tsx - Sign in and register → Authentication: uses
src/routes/auth/Login.tsx - Authentication → Authentication API: calls
src/contexts/useAuth.tsx - Authentication → Token state: updates
src/contexts/useAuth.tsx - Authentication API → HTTP client: uses
src/api/auth.api.ts - HTTP client → Token state: reads tokens
src/api/axios.ts - HTTP client → Backend API: sends requests
src/api/axios.ts - File-area pages → File operations state: uses
src/pages/private-files-page.tsx - File-area pages → File manager views: renders
src/pages/private-files-page.tsx - File operations state → File API: calls
src/contexts/fileContext.tsx - File API → HTTP client: uses
src/api/file.api.ts - File API → Backend API: sends requests
src/api/file.api.ts - File manager views → Manager view model: uses
src/components/file-manager/FileManager.tsx - File operations state → File data model: uses
src/contexts/fileContext.tsx - Upload interface → Upload queue: queues files
- Upload queue → Upload API: uses mutations
src/contexts/UploadContext.tsx - Upload API → HTTP client: uses
src/api/upload.api.ts - Upload API → Backend API: sends uploads
src/api/upload.api.ts - Notifications → Notification API: calls
src/contexts/NotificationContext.tsx - Notifications → Live connection: uses
src/contexts/NotificationContext.tsx - Settings → Authentication: uses account
src/components/settings/active-sessions.tsx - File-area pages → Private-file PIN: verifies access
src/pages/private-files-page.tsx - File-area pages → Media preview: previews images
- File-area pages → Video player: previews video
- App providers → Authentication: provides
src/providers/AppProviders.tsx - App providers → File operations state: provides
src/providers/AppProviders.tsx - App providers → Upload queue: provides
src/providers/AppProviders.tsx - App providers → Notifications: provides
src/providers/AppProviders.tsx - App providers → Live connection: provides
src/providers/AppProviders.tsx