<aside> 💡 Web App to Categorize and Manage your YouTube Subscriptions

</aside>

Github Project

GitHub - miguellealw/YouTube-Box: Organize your YouTube Subscriptions Into Categories | WIP ⚒

Details

Frontend / Browser

• JavaScript - React with Next.js and TypeScript
  • Interacts with Flask API to fetch user and YouTube data
  • Pages are static and server-side rendered using Next.js to optimize page load times
• CSS - TailwindCSS
  • Implemented Design using TailwindCSS

Backend

• Python - Web Server in Flask
• PostgreSQL - Interacted with database with SQLAlchemy
  • Used the Flask-SQLAlchemy ORM to interact with PostgreSQL database
  • Set up DB migrations using flask-migration to rebuild the database
• YouTube Data API v3 - User is authorized with YouTube using OAuth to fetch their subscriptions
  • Set up YouTube API and used Google's API client libraries to work with OAuth
  • Stored YouTube's API's access token on flask sessions to persist authorization with YouTube

Snapshots

Landing Page

Categories Page

Category Page