The web-based frontend for Tuckbot that serves video content to visitors. It is built in React and deployed to GitHub Pages.
When loading a video, the application will make an API call to tuckbot-api in order to retrieve the title and URL of the video you're attempting to watch.
To keep things simple, this application follows a very simple URL scheme for the content it hosts: https://tuckbot.tv/#/watch/redditPostId
At this time I do not intend to provide any sort of meaningful home page or listing of live videos as I'd rather keep the sharing and discussion central to Reddit.
This project is set up to accomodate local development and intends to be built and deployed to a web server for production. It was designed for deployment to GitHub Pages, so while a web server is built in, it's only for development purposes and not suitable for production use.
- Node
v12
or newer
- Clone the repository
- Run
npm i
to install dependencies - Configure your
.env
variables (.env.example
is included) - Build with
npm run build
- Start
webpack-dev-server
withnpm run dev
- Open http://127.0.0.1:8080/ in your browser
- Browse to a page in the database (e.g. https://tuckbot.tv/#/watch/h7owpz)
Note that the application won't do much unless tuckbot-api is up and running.
By the way, if you click the dog logo four times, you get to see the dog that this is named after :).