About This Project

This project was created to explore the current state of the web and see how far we can go without relying on build tools like Vite or Webpack. By keeping dependencies minimal, it becomes much easier to revisit side projects without the usual hassle of installing, updating, or replacing deprecated libraries. While this approach isn’t intended for large-scale or frequently updated projects, it’s perfect for prototypes, portfolios, or other small experiments where simplicity and quick iteration are key.

This project began with the timeline feature, designed to improve how server merges were tracked using regional spreadsheets. Over time, it expanded to include a merges list (the main source of truth, but enhanced with filtering capabilities) and a players section, because a server number doesn’t mean much unless you know who's on it.

Tools

• 

  Web Components

  Built on the native framework behind HTML itself.

• 

  Modern CSS

  With features like CSS Nesting Modern CSS now offers much of what preprocessors like Sass once provided.

• 

  Node.js

  The tool behind the custom task manager that has a rotary menu lets you run specific tasks.

• 

  Tesseract

  The OCR engine that reads screenshots and formats the extracted data for use in the frontend.

• 

  Sharp

  The image processing tool used to crop and optimize image batches for frontend performance and consistency.

• 

  Vitest

  The testing framework that ensures all JSON data generated by Node.js is correctly calculated and valid for frontend use.

• 

  Inkscape

  The open-source, cross-platform vector graphics editor used to create the SVG illustrations featured throughout the site.

• 

  Kdenlive

  The open-source video editor powering the content creation for the YouTube channel.

• 

  Lilypond

  The open-source music notation software used to create the sound effects you hear in the intro.

Videos