I'm a big Twitch user, and recently, a lot of my favorite streamers have switched to Kick.
I mostly watch VODs a few days after they're broadcast, and Kick has been disappointing in this area. There are playback issues, it doesn't save your progress in the video, and you can't use gestures on mobile to skip forward or backward, among other things.
So, I made this app to make watching VODs on Kick more comfortable. It lets you watch Kick VODs easily. If you log in to the app (via Twitch, using the button in the top right), you can save your progress in videos and pick up where you left off later, even on a different device.
Kick might block access to its content at some point, so I can't guarantee this app will work forever.
The data is obtained using Kick's "public" API.
The website is developed with the Astro framework and we use the Tailwind CSS framework to style the user interface. As the video player, we use VideoJS and some plugins like videojs-contrib-quality-levels, videojs-hotkeys and videojs-mobile-ui. Additionally, we have used AstroDB to store the progress data of the videos and Auth-astro for login with Twitch.
The website is deployed using Vercel's service.
All contributions are welcome.
All commands are run from the root of the project, from a terminal:
| Command | Action |
|---|---|
npm install |
Installs dependencies |
npm run dev |
Starts local dev server at localhost:4321 |
npm run build |
Build your production site to ./dist/ |