A modern web application that provides detailed analytics and insights from your YouTube watch history. Built with Next.js, TypeScript, and Tailwind CSS.
- Comprehensive Analytics: View your watching patterns, total watch time, and channel statistics
- Interactive Charts: Visualize your viewing habits with beautiful, responsive charts
- Dark Mode Support: Seamless experience in both light and dark themes
- Fully Responsive: Works perfectly on desktop, tablet, and mobile devices
- Privacy Focused: All data processing happens locally in your browser
- Node.js 18+
- npm or yarn
- Clone the repository:
git clone https://github.com/utkubakir/youtube-stats.git
cd youtube-stats- Install dependencies:
npm install- Start the development server:
npm run dev- Open http://localhost:3000 with your browser to see the application.
- Go to Google Takeout
- Select only "YouTube and YouTube Music"
- Choose "History" and deselect all other data
- Export and download your data
- Upload the JSON file to the application
- Explore your YouTube watching patterns!
- Next.js - React framework
- TypeScript - Type safety
- Tailwind CSS - Styling
- Recharts - Data visualization
- Shadcn/ui - UI components
youtube-stats/
├── src/
│ ├── app/ # Next.js app router
│ ├── components/ # React components
│ └── styles/ # Global styles
├── public/ # Static assets
└── package.json # Project dependencies
npm run dev- Start development servernpm run build- Build for productionnpm run start- Start production servernpm run lint- Run ESLint
Contributions are welcome! Please feel free to submit a Pull Request.