pabe94 / Realtime-Subscriber-Count-Youtube

Realtime-Subscriber-Count-Youtube

Express Server -> GET youtube analytics every x seconds

• Server stores last known value
• Emit socket message with last known value Client -> listens on socket for subscriber count change
• Displays latest subscriber count

Server

• Create Server Folder

• Install express cors morgan

• Setup basic express APP

• Find channel statistics API endpoint

• Create API Key

• Call API on setTimeout

  • Store last known subscriber count
    • GET route to return last known subscriber count
  • Send socket message with latest sub count

Client

• Setup client Vue
• Get subscriber count when page loads
• Listen for subscriber count changes

Stretch

• Anytime the count changes, play a sound
• If subscriber count reaches 2000000 change background