Full Stack Web Development

Floorplanner

Despite the name being "Floorplanner", this small web app allows you to highlight areas on an image and provide further insight on mouse interaction (click and hover)

Technical details

• Bootstrap + D3.js + VueJS

Intruder DB

Ever since discovering my (average) statistics for the game Crysis on the now discontinued CryStats, I've been fiddling with similar systems. My latest and still ongoing project is Intruder DB (the name being heavily inspired by the Steam Database), which aggregates player, map and server statistics for the game "Intruder", whilst also providing a developer-friendly REST API.

Technical details

• Frontend: Angular (4/5/6) + D3.js + Materialize
• Backend: .NET Core API + MySQL

Supraball Website

Probably one of my favourite projects, the entire website was rebuilt from scratch using Pencilblue. We wanted to move away from Wordpress and, in my NodeJS phase, I suggested Pencilblue (which also supports importing Wordpress data, just thought I throw that in for good measure). The small team that worked on this consisted of:

• Aron: Provided us with the artwork and website design
• Gwen: Translated most of the content into french and reviewed our pull requests
• Timo: Concentrated on the layout and presentation aspects, whilst moaning about my commit messages (not that they were ever sloppy... )
• I focussed on the backend, having the most knowledge of the Pencilblue internals and took care of the AngularJS parts

A great framework, well documented and fun to work with, friendly and helpful developers, looking back I can say I made the right decision. Unfortunately active development ceased in Mai 2017, but hopefully some community members can take over.

Technical details

• Frontend: AngularJS + Bootstrap
• Backend: NodeJS (Pencilblue) + MongoDB

Supraball API

REST API for the game "Supraball", providing access to player and match statistics. Sadly this never saw an official release and has only been used internally (maybe for the better, who knows)

Technical details

• NodeJS + MySQL

Intruder Browser Extension

Overhaul of the Chrome and Firefox browser extensions for the game "Intruder". The visuals and layout were improved, with a little extra functionality added (a notification is now displayed when a new version of the game is released)

Technical details

• JQuery + Material Light

QueryCrumbs for Google Scholar

"QueryCrumbs are a compact visualization of your recent Google Scholar search history. Every Crumb represents a query. QueryCrumbs compare the search results on the first page: If queries are similar, their Crumbs have the same colour. If you hover over a Crumb, you see the corresponding query. Also, the hovered Crumb is compared to all others and the fill levels indicate the percentage of equal results. You can re-issue the query by clicking on the Crumb and delete it with a double-click."

Technical details

• D3.js + IndexedDB