Jannik Portz – Web Developer

CV

👨‍🏫 Education

2017 – 2019

Beuth University of Applied Sciences
Berlin (D)

Media Informatics
Master of Science
-----
E-Business, Enterprise Software, Computer Graphics

🏢 Employment

2019 – present

SoundCloud Ltd.
Berlin (D)

Web Engineer

Projects

🔌 ⏱ wp-opening-hours

Opening Hours is the context aware business hours plugin for WordPress. I started this project in 2013 mainly for fun and to get to know the way the WordPress plugin and theme repositories work.

Over time it - by accident - became the most used business hours plugin on the WordPress.org platform with over 10.000 active installations and 60.000 downloads.

It stands out by time context aware widgets and shortcodes, multi-venue capability and extensive developer APIs for individual adjustments or third party extensions.
Technology

PHP, WordPress platform

Quicklinks

GitHub Repository / Documentation

WordPress.org Plugin Page
⚛️ 🖼 class-bound-components

React components bound to class names. As simple as that. Without tagged template literals.

styled-components is sweet but in a lot of cases you're stuck with CSS-in-CSS. class-bound-components is the glue between your StyleSheet and a comprehensible and semantic component interface that can be reused all over your application. Compatible with anything producing class names, be it a regular CSS file or CSS modules.
Technology

React, TypeScript, npm

Quicklinks

npm package

GitHub Repository
🧰 🔮 opening-hours-shortcode-builder

In WordPress the so called Shortcodes are powerful building blocks to include rich content in posts and pages. Yet through the XML like syntax they are not so easy to assemble for non-technical users.

The opening-hours-shortcode-builder is an interactive GUI to assemble shortcodes for the Opening Hours WordPress plugin without requiring any knowledge of the shortcode syntax.
Technology

React, TypeScript

Quicklinks

Shortcode Builder

GitHub Repository
🎨 🤖 p5-webpack-yeoman-generator

p5.js is a programming environment based on JavaScript aiming to "make coding accessible for artists, designers, educators and beginners".

generator-p5-webpack is a custom generator for the Yeoman platform with which p5 users can interactively set up a new project using webpack.

With the integrated babel support, p5 users are also capable of using next generation JavaScript language features without worrying about browser compatibility. Also, the option to use instance mode instead of the default global mode increases project modularization.
Technology

Yeoman platform, Node.js, p5.js, JavaScript

Quicklinks

GitHub Repository

npm package

yeoman.io

p5js.org

jannikportz.de 🔥

CV

👨‍🏫 Education

🏢 Employment

👨‍🏫 Education

🏢 Employment

Projects

🔌 ⏱ wp-opening-hours

⚛️ 🖼 class-bound-components

🧰 🔮 opening-hours-shortcode-builder

🎨 🤖 p5-webpack-yeoman-generator

Profiles

🌴 📷 Social Media

💻 👽 Code

🎺 👨‍🎤 Music

💼 🥂 .biz