Olle Langwagen

Projects

A selection of projects I've built, mostly to learn something new.

01 · Javascript

eCommerce webshop

An e-commerce webshop built with vanilla JavaScript, HTML, and CSS with a focus on user experience and responsive design.

JavascriptHTMLCSSLocalStorageUI/UX
02 · C++

Docker Monitor with ESP8266

A physical dashboard that monitors server status in real-time via an OLED screen, web panel, and a custom-developed REST API.

A Flask backend reads container status from the Docker socket and exposes it as a REST API. An ESP8266 with an OLED screen polls that API and displays it, using page-buffered rendering to work around the device's limited RAM.

C++ESP8266Python (Flask)DockerREST APIArduinoJsonIoT

Key features

  • · Docker API Integration
  • · Real-time Monitoring
  • · Memory-optimized Rendering
  • · NTP Time Sync
  • · Web Dashboard
Docker Monitor with ESP8266
Docker Monitor with ESP8266
03 · Python

Pokémon battle simulator

A CLI-based program that simulates the classic Pokémon battle from Pokémon Red/Blue/Yellow, where the user can watch the battle unfold in the terminal.

Three random Pokémon are picked for each side, then the battle plays out turn by turn in the terminal, with color-coded output for damage, status effects, and type advantages.

PythonColoramaOOPCLIJust_Playback

Key features

  • · Turn-based Combat
  • · Type Effectiveness
  • · Status Effects
  • · Color-coded Output
  • · Music
Pokémon battle simulator
04 · Python

Trivia Game in Python

A simple trivia game in Python made with customTkinter where the user can test their knowledge in different categories and difficulty levels.

Questions are pulled from CSV files across categories like History, Technology, and Music, with three difficulty levels. Built with customTkinter for a more modern GUI than standard Tkinter.

PythoncustomTkinterGUICSV

Key features

  • · Multiple Categories
  • · Difficulty Levels
  • · Score Tracking
  • · CSV Data Storage
Trivia Game in Python
05 · HTML

TypoTwist

A small tool for previewing text in different fonts and styles using the Google Fonts API.

Type text, preview it live across different Google Fonts, and export the result as a PNG or SVG.

HTMLCSSJavaScriptGoogle Fonts API

Key features

  • · Font Preview
  • · Custom Text Input
  • · Export as PNG/SVG
TypoTwist