How abhishek9874-ctrl/mausam-grid-frontend works
MAUSAM GRID is a weather-report monitoring dashboard: users authenticate, then explore reports through overview, live-feed, map, radar, source, and reporter views; administrators can review and verify reports. The app’s shared data layer fetches filtered reports and metadata, polls anomalies and leaderboard data, and listens for live report updates. Its API client connects to the documented Express/MongoDB backend. The README is empty, and backend implementation is outside this tree, so the graph describes only evidenced frontend behavior and does not infer backend processing.
Main entry points: App.jsx App routing shell · DataContext.jsx Report data state · FilterBar.jsx Report filters · LiveFeed.jsx Live report feed
Components 20
Application and access
- App routing shell
src/App.jsx - Role access guard
src/components/RequireAuth.jsx - Authentication state
src/context/AuthContext.jsx - Login and signup
src/pages/Login.jsx - Account signup
src/pages/Signup.jsx - Navigation bar
src/components/TopBar.jsx
Shared data and API
- Report data state
src/context/DataContext.jsx - Report filters
src/components/FilterBar.jsx - HTTP API client
src/api/client.js
Monitoring views
- Report overview
src/pages/Overview.jsx - Live report feed
src/pages/LiveFeed.jsx - Feed report item
src/components/FeedItem.jsx - Geographic map
src/pages/GeoMap.jsx - Emerging event radar
src/pages/EarlyWarning.jsx
Administration and reference
- Report administration
src/pages/AdminPanel.jsx - Verification dialog
src/components/VerifyModal.jsx - Reporter leaderboard
src/pages/Reporters.jsx - Report sources
src/pages/Sources.jsx
Other components
- Dashboard user
- Express and MongoDB API
Connections 35
- Dashboard user → App routing shell: opens dashboard
src/App.jsx - App routing shell → Role access guard: protects routes
src/App.jsx - App routing shell → Login and signup: routes to
src/App.jsx - App routing shell → Account signup: routes to
src/App.jsx - App routing shell → Report overview: routes to
src/App.jsx - App routing shell → Live report feed: routes to
src/App.jsx - App routing shell → Geographic map: routes to
src/App.jsx - App routing shell → Emerging event radar: routes to
src/App.jsx - App routing shell → Report administration: routes to
src/App.jsx - App routing shell → Reporter leaderboard: routes to
src/App.jsx - App routing shell → Report sources: routes to
src/App.jsx - App routing shell → Navigation bar: renders
src/App.jsx - Role access guard → Authentication state: checks roles
src/components/RequireAuth.jsx - Login and signup → Authentication state: uses auth state
src/pages/Login.jsx - Account signup → Authentication state: uses auth state
src/pages/Signup.jsx - Navigation bar → Authentication state: uses auth state
src/components/TopBar.jsx - Navigation bar → Report data state: reads connection state
src/components/TopBar.jsx - Report data state → HTTP API client: fetches and updates
src/context/DataContext.jsx - HTTP API client → Express and MongoDB API: sends API requests
src/api/client.js - Report data state → Express and MongoDB API: receives socket events
src/context/DataContext.jsx - Report filters → Report data state: updates filters
src/components/FilterBar.jsx - Report overview → Report data state: reads report data
src/pages/Overview.jsx - Report overview → Report filters: renders filters
src/pages/Overview.jsx - Live report feed → Report data state: reads live reports
src/pages/LiveFeed.jsx - Live report feed → Report filters: renders filters
src/pages/LiveFeed.jsx - Live report feed → Feed report item: renders reports
src/pages/LiveFeed.jsx - Geographic map → Report data state: reads report data
src/pages/GeoMap.jsx - Geographic map → Report filters: renders filters
src/pages/GeoMap.jsx - Emerging event radar → Report data state: reads anomaly data
src/pages/EarlyWarning.jsx - Report administration → Report data state: reads and verifies
src/pages/AdminPanel.jsx - Report administration → Report filters: renders filters
src/pages/AdminPanel.jsx - Report administration → Verification dialog: renders dialog
src/pages/AdminPanel.jsx - Verification dialog → Report data state: submits decision
src/components/VerifyModal.jsx - Reporter leaderboard → Report data state: reads leaderboard
src/pages/Reporters.jsx - Report sources → Report data state: reads report data
src/pages/Sources.jsx