# YTP 2.0 - YouTube & YouTube Music Playlist Length Calculator

> An advanced, premium YouTube and YouTube Music Playlist Length Calculator built to help students, developers, and self-paced learners calculate playlist lengths at multiple speeds, filter video collections in real time, and systematically plan daily study targets with custom range selections.

## Key Features

* **Universal Playlist Support**: Calculates durations for any public or unlisted YouTube playlist, as well as YouTube Music playlists (supporting domains like `youtube.com`, `music.youtube.com`, and `youtu.be`).
* **Multi-Speed Playlist Statistics**: Computes aggregate playlist durations and dynamic completion times at 1.0x, 1.25x, 1.5x, 1.75x, and 2.0x playback speeds.
* **Real-Time Video Search & Sorting**: Provides instantaneous title filtering, pagination, and multi-variable sorting (by newest, oldest, most/least views, most/least likes, most/least comments, longest, and shortest).
* **🎓 Student Study Session Planner**: A dedicated planning tool supporting two modes:
  * **Daily Study Time Mode**: Enter daily study duration (Hours + Minutes) and playback speed to calculate the exact number of days to finish the playlist.
  * **Daily Videos Mode**: Enter daily target video count (e.g. watch 2 videos a day) to calculate the exact completion days.
  * **Target Video Ranges**: Allows students to specify **Start Video #** and **End Video #** bounds to isolate a specific segment of the playlist (e.g. from Video 10 to Video 25) for targeted daily session planning.
* **Collapsible & Responsive Interfaces**: A zero-CLS, collapsible mockup dashboard for first-time visitors that transitions seamlessly into an active calculated results view, fully optimized for mobile, tablet, laptop, and desktop viewports.

## Site Structure

* [Home Page](https://ytp-length.vercel.app/): Main dashboard hosting the input form, active statistics grid, study planner, toolbar filters, and dynamic "Latest Blogs" feed.
* [About Us](https://ytp-length.vercel.app/about-us): The background story of how Gokul created this website to conquer self-paced video learning tracks (such as the Namaste JavaScript series).
* [Blogs Section](https://ytp-length.vercel.app/blogs): Directory of technical and study-strategy articles.
* [Privacy Policy](https://ytp-length.vercel.app/privacy-policy): User data collection, cookies, and safety compliance policies.
* [Terms & Conditions](https://ytp-length.vercel.app/terms-and-conditions): Legal agreements governing website use.
* [Frequently Asked Questions](https://ytp-length.vercel.app/#frequently-asked-questions): Clarifying common developer API limits, playlist private details, and average length logic.

## Educational & Technical Articles

* [How a JavaScript Playlist Led Me to Build YouTube Playlist Length Calculator](https://ytp-length.vercel.app/blogs/how-a-javascript-playlist-led-me-to-build-youtbe-playlist-length/): Personal origin story, describing the transition from studying a 70+ video playlist to building a custom-tailored calculator.
* [How I Use YouTube Playlists to Learn Fast (My 3 Secret Steps)](https://ytp-length.vercel.app/blogs/how-i-use-youtube-playlists-to-learn-fast-my-3-secret-steps/): Practical, empathy-rich framework for note-taking, building active portfolios, and pacing study patterns.
* [Simple Guide to YouTube Data API Limits & Quotas Explained](https://ytp-length.vercel.app/blogs/simple-guide-youtube-data-api-limits-quotas-explained/): A simplified developer-focused guide on quota limits, request weight costs, and practical workarounds.

## Technical Architecture

* **Core Stack**: Next.js (React, App Router, TypeScript)
* **Styling & Assets**: Vanilla CSS, TailwindCSS, custom HSL design tokens, and Lucide React icons.
* **Transitions**: Framer Motion height animations and layout transitions.
* **Validation**: Zod schema validation and robust TanStack Form state controllers.