How create-newspulse/newspulse-frontend-live works
News Pulse is a multilingual news platform for discovering and reading current stories, with community and editorial features alongside personalized engagement. The main reader journey runs from the homepage or a discovery section through news retrieval to article reading; search, regional and youth feeds, video, and reporter submissions are distinct product branches. The README documents platform capabilities and a separate backend API, while sampled source confirms selected page-to-service and provider-to-library relationships. Many feature implementations were not sampled, so their links are limited to documented relationships.
Main entry points: publicNewsApi.ts Public news client · pages/index.tsx Homepage · national/index.tsx National news · reporter/index.tsx Reporter portal
Components 19
News discovery
- Homepage
pages/index.tsx - Advanced search
pages/search.tsx - National news
pages/national/index.tsx - Regional news
pages/regional.tsx - Article reader
pages/news/[slug].tsx
Editorial features
- Viral videos
pages/viral-videos/index.tsx - Inspiration hub
pages/inspiration-hub.tsx - Pulse Dialogue
pages/pulse-dialogue/index.tsx - Youth Pulse
pages/youth-pulse.tsx - Reporter portal
pages/reporter/index.tsx
Reader engagement
- Bookmarks
hooks/useBookmarks.ts - Reading preferences
News Pulse-Final-Frontend/hooks/usePreferences.tsx
Data and services
- Public news client
lib/publicNewsApi.ts - Reporter portal service
lib/reporterPortal.ts
Platform experience
- Language provider
src/i18n/LanguageProvider.tsx - Public settings
src/context/PublicSettingsContext.tsx - Consent manager
src/consent/CookieConsentProvider.tsx
Other components
- Reader
- Backend API
Connections 17
- Reader → Homepage: opens
README.md - Reader → Advanced search: searches
README.md - Reader → National news: browses
README.md - Reader → Regional news: browses
README.md - Reader → Article reader: reads
README.md - Reader → Viral videos: watches
README.md - Reader → Inspiration hub: explores
README.md - Reader → Pulse Dialogue: contributes
README.md - Reader → Youth Pulse: explores
README.md - Reader → Reporter portal: submits stories
README.md - National news → Public news client: fetches stories
pages/national/index.tsx - Public news client → Backend API: requests news
README.md - Homepage → Public news client: uses news client
pages/index.tsx - Language provider → Consent manager: checks consent
src/i18n/LanguageProvider.tsx - Public settings → Public news client: configures public experience
- Reporter portal → Reporter portal service: loads portal data
- Reporter portal service → Backend API: uses backend