HelloI amStefan

Photon App
A web-based photo management app with image recognition and elastic search capabilities, this personal project's primary purpose is to challenge me in every way conceivable.
- Instant Search with Typesense
- Computer vision with AWS Rekognition
- An end-user GraphQL API for outside access to media
- Gallery, list and map view, albums, favorites, etc.
- Android, iOS and desktop apps (soon)
- React
- Next.js
- Apollo
- GraphQL
- Node.js
- Express
- Prisma
- PostgreSQL
- Lerna
- Playwright
- Jest
- Typesense
- TypeScript
- AWS Rekognition
- Docker
- Mapbox
Contact me for more infos
Forum Asbest
A knowledge hub for asbestos prevention, this project hosts a lot of information, and thus focuses on search and filter functionalities and approachability.
- Implementation frontend, animations and user interactions
- Instant search and geolocating with Algolia and Google Maps API
- Working with changing client expectations and design requirements
- TypeScript
- Algolia
- SCSS
- BEM
- Webpack
- Twig
- Contao
- PHP
- Symfony
- Figma
View Project
educamint
A hub for teachers to find teaching material and activities for schools on topics like mathematics, IT, science and technology.
- Implementation frontend, animations and user interactions
- Instant search and filtering with Algolia
- Custom backend user interface for clients to create their own events and activities
- TypeScript
- Algolia
- SCSS
- BEM
- Webpack
- Contao
- PHP
- Symfony
- Figma
View Project
Universitätsspital Zürich
One of my biggest projects to date, this complete redesign of the main website of the university hospital Züirch took several months to complete.
- Modular implementation of frontend portion to allow the backend team to work with maximum flexibility
- Working with external web agency responsible for the backend
- Ensuring accessibility, including screen reader compatibility
- JavaScript
- Storybook
- SCSS
- BEM
- Webpack
- Handlebars
- PHP
- WordPress
- Figma
View Project
ISK
This corporate website with a sophisticated design and well-rounded animations required conscious balancing of performance and beauty.
- Implementation frontend, animations and user interactions
- Balancing beautiful animations with performance considerations
- JavaScript
- SCSS
- BEM
- Webpack
- Twig
- PHP
- Symfony
- Contao
- Figma
View Project
Immobilien-Strategie Gemeinde Emmen
This municipality development website aims to inform the public about the future plans of Emmen with a unique timeline feature.
- Horizontal scrolling, responsive, interactive timeline
- Color-coded sections and components
- TypeScript
- SCSS
- BEM
- Webpack
- Twig
- PHP
- Symfony
- Contao
- Figma
View Project
Wirz
The new Wirz website reflects that media, design and advertising are at the core of what this well-known agency does.
- Implementation of various animations and components, involving many videos
- Allowing components to work both on dark and light backgrounds
- JavaScript
- SCSS
- BEM
- Webpack
- PHP
- Symfony
- Contao
- Figma
View Project
1up.io
As a web agency, you have to show off just a little bit on your own website, and so the new website for 1up asked for a unique design and equally unique animations.
- Implementation frontend, animations and user interactions
- Balancing beautiful animations with performance considerations
- TypeScript
- SCSS
- Webpack
- BEM
- Twig
- PHP
- Symfony
- Contao
- Figma
View Project
Wild Pharma
Even though I built this website quite some time ago I still like it for it's modular, sleek design and the range of components
- Modular structure with various ways to display content
- Basic online shop functionality
- JavaScript
- SCSS
- Webpack
- PHP
- Symfony
- Contao
- Adobe InDesign
View Project

Skills

JavaScript

TypeScript
JS superset
React
framework
- Next.js
  meta-framework
- Redux Toolkit
  state management
Vue.js
framework
- Nuxt.js
  meta-framework
Node.js
preferred backend
- Express
  framework
- NestJS
  framework
- Prisma
  orm
- Knex.js
  orm
GSAP
animations

Testing

Jest
unit & integration
Playwright
e2e
Cypress
e2e

PHP

Laravel
framework
Twig
template engine

Languages

German
native
English
fluent
Spanish
intermediate

API

GraphQL
preferred
- Apollo
  framework
- urql
  GraphQL client
- graphql-codegen
  type generation
REST
also works

Database

MySQL
RDBMS
PostgreSQL
RDBMS

Search

Typesense
open source
Algolia
proprietary

Misc

Mapbox
maps
IntelliJ
preferred IDE
C#
until 2015
- ASP.NET
  until 2015
Figma
design

Styling

SCSS
preprocessor
BEM
methodology

DevOps

AWS
cloud computing
- Rekognition
  image recognition
Docker
virtualization
Webpack
module bundler
Lerna
monorepo manager

CMS

Directus
headless
Contao
Symfony / PHP
Shopify
e-commerce
WordPress
until 2018
- ACF
  plugin
Hygraph
headless

HelloI amStefan

Photon App

Forum Asbest

educamint

Universitätsspital Zürich

ISK

Immobilien-Strategie Gemeinde Emmen

Wirz

1up.io

Wild Pharma

Skills

JavaScript

TypeScript

React

Next.js

Redux Toolkit

Vue.js

Nuxt.js

Node.js

Express

NestJS

Prisma

Knex.js

GSAP

Testing

Jest

Playwright

Cypress

PHP

Laravel

Twig

Languages

German

English

Spanish

API

GraphQL

Apollo

urql

graphql-codegen

REST

Database

MySQL

PostgreSQL

Search

Typesense

Algolia

Misc

Mapbox

IntelliJ

C#

ASP.NET

Figma

Styling

SCSS

BEM

DevOps

AWS

Rekognition

Docker

Webpack

Lerna

CMS

Directus

Contao

Shopify

WordPress

ACF

Hygraph