Inspiration I got tired of losing hours on YouTube watching random junk like Shorts and clickbait videos. Research shows people waste about 3 years every 10 years just doomscrolling — that’s straight-up life slipping away. I wanted to build something that helps take that time back by filtering out distractions and only showing content that actually matters.

What I Learned Building Watchful taught me a ton about working with APIs, filtering content intelligently, and balancing user experience with strict content rules. I also got better at managing async data fetching and creating smooth, user-friendly interfaces.

How I Built It I started by hooking into YouTube’s API to pull video data, then layered on a smart filter that blocks out Shorts, clickbait, and other low-value content. I focused on keeping the UI clean and intuitive so users feel in control, not restricted. The backend runs Node.js with fast, simple logic to filter in real-time.

Challenges The biggest challenge was creating filters that are strict enough to cut distractions but flexible enough to not block legit videos. Also, syncing data fast without lag was tricky, especially with real-time user interactions. Balancing simplicity with powerful filtering took several iterations.

Built With

  • css3
  • gemini-api
  • html5
  • https://www.youtube.com/iframe-api
  • localhost
  • youtube-data-api-v3
Share this project:

Updates