OTV Dashboard
WebsiteJan 2021 - Jun 2022
A website that displays real-time livestream data from a group of digital content creators across YouTube and Twitch without needing to visit each website or subscribe to their push notifications.
Features
- Intuitive user interface that provides useful livestream information on desktop and mobile devices
- “Last streamed at” time at a glance
- Multiple light and dark visual themes
Enjoyed
I enjoyed arranging real-time data like the profile picture, live indicator, title, view count, and uptime in an easy-to-read user interface that works in multiple light and dark themes for desktop and mobile devices.
Challenges
- Refactoring React Class Components to React Hooks
- Practicing breaking code
- Learning to use YouTube and Twitch’s API
- Learning to use CSS variables
- Learning to use localStorage to cache the last used theme’s data
- I tried to host the database using SQLite and was confused about random, incorrect “Last streamed at” dates
- React.js
- Node.js
- Express.js
- PostgreSQL
- HTML
- Heroku
