Abiy Hailu LogoAbiy Hailu Logo
< Web Development | Analytics SaaS / >

Vidintel - YouTube Channel Performance Analyzer

Back
//
npm run case_study

A production-ready analytics web app that lets users analyze and compare YouTube channel performance in seconds. Built with Next.js 16 and TypeScript, Vidintel supports channel URL/handle parsing, side-by-side channel comparison, exportable reports (CSV, JSON, PDF), and a polished responsive UI with security-focused API design.

Project Overview

Vidintel is a fast, client-ready YouTube analytics platform built to turn a simple channel URL into actionable performance insights. Users can analyze one channel or compare two channels side by side, then export results as CSV, JSON, or PDF. The app emphasizes speed, clear UX, and secure server-side API handling so keys and quota-sensitive operations remain protected.

Core Technologies

Built with Next.js 16 App Router, React 19, and TypeScript, styled with Tailwind CSS. Data is fetched through secure server-side route handlers using the YouTube Data API v3. The project includes Vitest for unit/integration testing, Playwright for E2E coverage, PWA support with offline fallback, and optional Upstash Redis rate limiting to protect API quota from abuse.

Key Features

🗹Channel input parsing for URLs, @handles, /user links, /c vanity URLs, and raw channel IDs

🗹Video performance analysis with sorting, filtering, and trend-focused insights

🗹Compare mode for side-by-side channel evaluation

🗹Export options in CSV, JSON, and PDF formats

🗹Security-oriented API design with global headers and optional per-IP rate limiting

🗹Responsive premium UI with dark theme support and PWA offline fallback

🗹Automated quality checks using Vitest and Playwright