meloonfrong/mfu69-se-bytesquad

How meloonfrong/mfu69-se-bytesquad works

InfoCenter brings social announcements into a searchable, organized feed. Users add sources, assign tags, and browse posts using tabs, sorting, platform/tag filters, and keyword search; posts can be bookmarked or marked read. The frontend uses a REST client with mock-data fallback, while the repository also contains a C# API that fetches Apify datasets, processes posts, and manages sources. The README describes an older Python backend, so backend relationships here follow the sampled C# files; unsampled routes and storage behavior are not inferred.

Main entry points: App.tsx App state and feed · Program.cs REST API routes · ApifyDatasetService.cs Dataset retrieval · api.ts REST client

Components 18

Feed experience

App state and feed src/App.tsx
Feed tabs src/components/FeedTabs.tsx
Search and filters src/components/FilterSidebar.tsx
Post actions src/components/PostCard.tsx
Navigation and preferences src/components/Navbar.tsx
About and help src/components/AboutModal.tsx

Source management

Add source src/components/AddSourceModal.tsx
Manage sources src/components/ManageSourcesModal.tsx
Manage tags src/components/ManageTagsModal.tsx

Backend services

REST API routes backend/Program.cs
Dataset retrieval backend/ApifyDatasetService.cs
Post processing backend/PostDataProcessor.cs
Source store backend/SourceStore.cs

Data and integration

REST client src/api.ts
Fallback feed data src/data/mockData.ts
Thai and English strings src/data/translations.ts

Other components

User
Apify API

Connections 17

User → App state and feed: uses README.md
App state and feed → Feed tabs: renders src/App.tsx
App state and feed → Search and filters: renders src/App.tsx
App state and feed → Post actions: renders src/App.tsx
App state and feed → Navigation and preferences: renders src/App.tsx
App state and feed → About and help: renders src/App.tsx
App state and feed → Add source: renders src/App.tsx
App state and feed → Manage sources: renders src/App.tsx
App state and feed → Manage tags: renders src/App.tsx
App state and feed → REST client: calls src/App.tsx
App state and feed → Fallback feed data: loads fallback src/App.tsx
App state and feed → Thai and English strings: uses src/App.tsx
REST client → REST API routes: sends REST requests src/api.ts
REST API routes → Dataset retrieval: retrieves posts backend/Program.cs
REST API routes → Post processing: processes posts backend/Program.cs
REST API routes → Source store: registers store backend/Program.cs
Dataset retrieval → Apify API: fetches datasets backend/ApifyDatasetService.cs

Drawn by GitDiagram on November 14, 2026 from the repository's file tree, README and source files. Read as Markdown ·