booklike.app

BookLike

A browser extension that transforms any article into a clean, book-like reader experience. I created the reader mode Chrome never built: reliable content extraction, carefully curated typography, paginated layout, and a truly minimal UI. The main challenges where building countless custom DOM processors to handle edge cases in article markup, normalizing figures/images into a unified format, getting around CSPs and handling lazy-loaded content.

  • Custom content extraction pipeline built on top of Readability.js
  • Kindle-style page flipping via CSS columns
  • Click-to-zoom feature via FLIP animations
  • Typefaces loaded as blob URLs
  • Client-side EPUB generation, zipped in-memory via fflate
  • Companion CF Worker that transcodes images, working around CORS restrictions

Tech: Chrome MV3, TypeScript, esbuild, Tailwind CSS, Readability.js

outletcity.com

Outletcity Relaunch

Developed during my time at Outletcity Metzingen, where I took a leading role in technical decision-making and implementation within a small frontend team. I worked closely with UX and content teams, and coordinated with backend and DevOps colleagues on deployment and infrastructure integration.

  • Architectural setup (SSR, CloudFront caching, on-demand page generation, i18n)
  • Prototyping and developing responsive components in close collaboration with UX
  • Implementation of APIs and frontend–backend integrations
  • Technical and strategic advisory to project owners and stakeholders
  • Selection and implementation of Sanity as a headless CMS

Tech: Nuxt, Typescript, Sanity, groqd, React, Tailwind CSS, motion/vue, AWS Lambda, AWS S3

doyouknowjs.com

Do You Know JS?

Personal project, built after reading the You Don't Know JS book series by Kyle Simpson. The idea was a multiple-choice quiz app for developers to test their knowledge of advanced, quirky JavaScript concepts. It was also a great opportunity to experiment with Sanity as a data backend, which I had been evaluating at Outletcity Metzingen at the time.

  • Compiling of quiz questions from the books and other sources
  • Content management via Sanity.io
  • Gamified interface with visual animations and audio effects
  • Advanced syntax highlighting with real (CSS-based) dark mode
  • Randomized server-rendered question order on each request, while keeping the site fully statically pre-rendered via edge URL rewrites

Tech: Next.js/React, Typescript, Sanity, groqd, Tailwind CSS, CSS transitions, Vercel

mayermarkus.net

Markus Mayer (this site)

Personal portfolio site, built from scratch in Next.js/React

  • CSS transitions, keyframe animations and a couple motion/react effects
  • Advanced dark mode concept with photorealistic lighting
  • Progressively enhanced native scroll-linked animations
  • Statically generated pages at build-time for maximum performance
  • Lightweight MDX-based blog integration

Tech: Next.js/React, Typescript, Tailwind CSS, CSS transitions, motion/react, Vercel

Testimonials

“An unbelievably brilliant developer who made progress at a pace unlike anyone else.”

Bastian Hess
Bastian HeßTeamlead Frontend Web Development, OUTLETCITY AG

Writing

Get in Touch

Markus Mayer

Markus Mayer

Frontend Engineer

Click to reveal phone number