A webapp with all sorts of tidbits of information from the Kurzgesagt youtube channel (animated science videos).
Visit the app live at https://kiwipxl.github.io/kurzgesagt-tldr/
The API (node.js) populates the MongoDB database by fetching data from the Kurzgesagt youtube channel (science and education) with the youtube-api. This includes uploaded videos, video information, video transcripts, tags, and video soundtrack. It even parses their research citations so that we can format them in a prettier way.
The SPA (React web app) then displays all this information. At build time, next.js is used to generate static HTML files for every single page in the site. This was done as a proof of concept to show that we don't need a server to deliver content.