Frontend for the YouTube Intelligence Platform: a dashboard that surfaces narratives, claims, trends, and creator risk around YouTube content, backed by the platform API. The app provides a shell with navigation, theming, and in-app notifications across the main workflows below.
Stack: Next.js (App Router), React 19, TypeScript, Tailwind CSS v4, Recharts for charts, and Lucide for icons.
- Dependencies
npm install- Backend API
UI calls
NEXT_PUBLIC_BACKEND(defaults tohttp://localhost:8000). Configure it in your .env, if set elsewhere. - Git Hooks
bash scripts/setup-hooks.shOr manually:
Pre-commit runs ESLint, TypeScript (tsc --noEmit), and next build.
4. Development Server
npm run devOpen http://localhost:3000 — the root route redirects to Executive Overview.
Other scripts: npm run build, npm run start, npm run lint, npm run typecheck.
- Executive Overview — High-level KPIs, topic trends, clusters, and recent claims in one view so you can see overall scope, activity, and verification status at a glance.
- Narrative Discovery — Browse and search detected narratives, sort by momentum or risk, and open details or hand off context to other areas of the app.
- Claim Validation — Review extracted claims with verification status (verified, disputed, under review, etc.), summary stats, search, and filters.
- Trend Analytics — Charts for topic momentum and sentiment shifts over selectable time ranges, tied to overview and narrative data.
- Creator Risk Monitor — Rank and search creators by risk score, flagged claims, and reach to focus on higher-impact channels.
- Alerts & Settings — View risk-tiered alerts, tweak notification-related preferences, and jump from alerts into related narratives where supported.
This frontend is deployed on Vercel (Next.js-native hosting). Configure production NEXT_PUBLIC_BACKEND and any other environment variables in the Vercel project settings to point at your deployed API.
Developed for the CS4485 Senior Design course at UT Dallas under the mentorship of Dr. Selim Sarac.
Team: Bhavesh Mandalapu, Advay Chandramouli, Anish Kothuri, Pranav Pillai, Praneet Komandur, Pratyush Niraula
Project Artifacts: