This website uses only essential cookies to ensure functionality. By continuing to use the site, you agree to the use of cookies. For more information, please refer to our privacy policy.

Cookie Settings

Essential

Preference Cookies

0
0 KB
FPS: 0
0 ms
leer
  • Home
  • Canvas
  • About
  • Services
  • Contact
    • EN
      en
    • DE
      de
  • 0
    0 KB
    Ladende Ressource:
0.17 s
0
Performance: Ok
FPS: 32
0 ms
No Math Animations
Tim Langner
Full-Stack Web Developer
INTRO
Overview Focus Tech
about.skills.header
Web basics Frontend Backend & APIs Platforms & integrations Data & storage DevOps & hosting Workflow & collaboration Quality & performance Creative & design
Jan 2021 — Present Freelance Developer Lan Web Dev 2020 – 2023 IT Entry & Startups, Learning Phase 2015 – 2020 Career Transition / Discovery Phase 2011 – 2015 Chemical Lab Technician at J&J Medical
PROJECTS
Partners Own Projects Experimental
Full-stack web developer — from Schleswig-Holstein via Hamburg to Potsdam.

Born in April 1992. I grew up close to nature — in an idyllic village in Schleswig-Holstein. At 18, I moved straight to Hamburg and learned to love city life.

After training as a chemical lab technician (2011), the new scientific perspective on our world pushed me even deeper into philosophy and the natural sciences. My worldview expanded from Earth to the cosmos — and my sense of home from northern Germany to the whole world.

In 2015, I deliberately chose to make Potsdam — my favorite vacation spot — my springboard. This global sense of home was more than just a thought — the time here shaped and solidified my ambitions in the years that followed.

In 2020, my professional dream became clear: digitalization that truly makes everyday life easier. I dove deep into web development and gained valuable insights into entrepreneurship and business through working at two startups.

In 2023 came the first attempts to become economically interesting.

Today I’m on my way to my 34th trip around the sun. But have I been around a lot here on Earth? Not really — though the probability is higher than ever.

In terms of character, you could sum it up like this: it’s only a matter of how often I interact with other people until some of them, after a while and completely independently of each other, start calling me “Sheldon”; this is systematic and not a coincidence, and since it’s more true than untrue, I’m fine with that — even as a general assessment of my character and now its description.

FOCUS
Clarity & Structure
Clean components, understandable content, clear flows — so users and systems don’t end up in chaos.
Performance & Discoverability
Fast pages, solid Core Web Vitals, strong technical SEO — so quality doesn’t fade into the background.
Backend, Logic & Security
Maintainable APIs, clear domain logic, solid validation and security basics — so “it works” will still “work” tomorrow.
Creative Canvas Interaction
Generative visuals with HTML Canvas and WebGL — interactive, performant art and effects that make pages unique and emotionally engaging.
Modular & Scalable Systems
Clean architecture with EAV models, multi-role systems and reusable components — for projects that grow without chaos.
Accessible & Inclusive UI
WCAG-compliant designs, ARIA, keyboard navigation and contrast optimization — so everyone can actually use the content.
Automation & Workflows
Queues, jobs, OCR integration and smart processes — so repetitive tasks disappear and the focus stays on value creation.
GDPR & Data Security
Secure defaults, consent management, anonymization and legally sound implementation — trust from day one.
Visual Math & Generative Art
High-density rendering (e.g., fractals, Buddhabrot) with WASM/C++ optimization — when technology and aesthetics merge.
E-commerce & Shop Logic
Flexible product models, payment flows, moderation and fulfillment integration — stable systems for real businesses.
Deployment & Stability
Clean pipelines, Docker basics, caching strategies and monitoring — so applications don’t just start, they run.
Interactive & Reactive Frontends
Alpine.js, Livewire and vanilla JS for smooth, state-based interactions — without unnecessary overhead.
Sustainable & Future-proof Codebase
PHPStan, tests, clear documentation and refactoring — code that remains understandable and extensible even years from now.
Technical SEO & Visibility
Structured data, fast load times and clean semantics — so good work can actually be found.
TECH

My home is full-stack: Laravel/PHP on the backend, JavaScript on the frontend, plus clean data models, sensible queries, caching, and a structure you still understand months later.

I prefer solid defaults over magic: validation, error handling, logs, clean deployments, good vitals — and only then the extras.

My approach: quality over mass production. I develop individual, well-thought-out, and maintainable solutions instead of off-the-shelf standard products. Standardization where appropriate, but always a perfect fit, scalable, and with a passion for code.

Web basics
HTML
HTML
Semantic markup, clean structure, SEO/a11y basics.
CSS
CSS
Layouts (flex/grid), responsive design, clean UI details.
Web Performance
Web Performance
LCP/CLS/INP, lazy loading, asset optimization, caching basics
HTTP / REST / Browser Networking
HTTP / REST / Browser Networking
status codes, caching, cookies/sessions, CORS, headers
Web Security Basics (OWASP)
Web Security Basics (OWASP)
XSS/CSRF, validation, auth basics, secure defaults
Accessibility (A11y / WCAG / ARIA)
Accessibility (A11y / WCAG / ARIA)
ARIA, keyboard nav, contrast, semantics, accessible UI
Frontend
JavaScript
JavaScript
Interactions, DOM, fetch/AJAX, UI state.
TypeScript
TypeScript
Typed JS for bigger UIs: fewer bugs, better DX.
React
React
Component UI, state handling, more complex frontends.
Vue
Vue
Reactive components, forms/states, modular UI.
Astro
Astro
Fast content sites, islands architecture, build setup.
Tailwind CSS
Tailwind CSS
Utility-first UI, consistent components, fast iteration.
Bootstrap
Bootstrap
Fast prototypes, classic UI framework.
Axios / AJAX
Axios / AJAX
HTTP requests, JSON APIs, async UI updates.
Swiper
Swiper
Touch slider, carousels, responsive galleries.
ScrollMagic
ScrollMagic
Scroll-based animations & trigger logic.
jQuery
jQuery
Legacy interactions / small UI patches in Blade projects.
Node.js
Node.js
Tooling/build scripts, local automation.
Laravel Mix
Laravel Mix
Legacy build tooling (Webpack) – used in existing projects.
Backend & APIs
PHP
PHP
Backend logic, APIs, auth/validation, clean structure.
Laravel
Laravel
MVC, auth, APIs, jobs/queues, mail/notifications, Eloquent.
Symfony
Symfony
Framework & components: routing, DI, console, HTTP kernel.
Python
Python
Scripting/automation, small tools, data tasks.
GraphQL
GraphQL
Query-based APIs, schema thinking, client-driven data.
Postman
Postman
API tests, collections, request/response debugging.
Platforms & integrations
BillBee
BillBee
Shop/order workflows, fulfillment, integration handling.
JTL
JTL
Shop/ERP context, data/exports, integration practice.
EpiRent
EpiRent
Rental/ERP context: processes, data flows, admin UI.
WordPress
WordPress
Themes, plugins, maintenance/migrations, performance basics.
Joomla
Joomla
Classic CMS, templates/modules, maintenance.
Jimdo
Jimdo
Website builder context: quick sites + transition to custom.
Data & storage
MySQL
MySQL
Relational data, queries, indexes, performance basics.
MariaDB
MariaDB
MySQL compatible, ops & tuning basics.
MongoDB / NoSQL
MongoDB / NoSQL
Document model, flexible structures, fast prototyping.
DevOps & hosting
Docker
Docker
Dev setups, container basics, reproducible environments.
AWS / EC2
AWS / EC2
Deployments/server basics, instances, simple setups.
SSH
SSH
Server access, keys, secure remote workflows.
Linux
Linux
Server/CLI, permissions, services, troubleshooting.
Windows
Windows
Daily dev/tools, compatible workflows.
FTP
FTP
Legacy file deployments (when needed).
Workflow & collaboration
Git
Git
Branches, PR workflows, clean history.
GitHub
GitHub
Repos, issues, Actions/CI in practice.
GitLab
GitLab
CI/CD pipelines, repo + deploy workflow.
Jira
Jira
Tickets, sprints, clear communication & planning.
Quality & performance
ESLint
ESLint
Code quality, rules, consistency in teams.
Jest
Jest
Unit tests for JS, quick feedback loops.
SEO
SEO
Meta, OG, structured data, clean semantics, performance.
Creative & design
HTML Canvas
HTML Canvas
Generative visuals, interaction, performance-oriented.
Three.js
Three.js
WebGL/3D: scenes, shader/material basics, animations.
p5.js
p5.js
Creative coding, animations, small interactive demos.
Sketch
Sketch
Wireframes/mockups, UI screens, quick concepts.
Affinity
Affinity
Graphics/assets, quick edits, export workflows.
GIMP
GIMP
Image editing, optimization, web assets.
  1. Jan 2021 — Present
    Self-employed
    Freelance Full-Stack Web Developer
    Lan Web Dev · Potsdam, Brandenburg
    • Laravel (12+) full-stack development — optimized for performance, security, UI & UX.
    • Unique HTML Canvas visuals & interactive experiences (WebGL(2), Babylon.js, p5.js, C++, WASM).
    • End-to-end: frontend & backend, deployment, hosting setup, optimization, compliance (privacy/GDPR, accessibility).
  2. Jan 2024 — Jun 2024
    Contract · Hybrid
    Full-Stack Web Developer
    Rent Company · Berlin
2020 – 2023
  1. Feb 2022 — Dec 2023
    Volunteer
    Full-Stack Web Developer (Volunteer)
    B2B Hygiene (e-commerce/ops)
  2. Nov 2021 — Aug 2022
    Grade: 1
    Certificate — Certified Web Designer, Web Design & Development
    Studiengemeinschaft Darmstadt GmbH
  3. Jun 2021
    Online course
    Fullstack Web Development
    Udemy
  4. Jan 2020 — Jan 2022
    Volunteer
    Founding Engineer (Volunteer)
    MyDirectMarket (AgriTech startup)
2015 – 2020
  1. Jan 2019 — Apr 2020
    Volunteer
    Interim Lead (Volunteer)
    Café Madia — Liberal Project
  2. Aug 2017 — Jan 2019
    On-site
    Service Staff
    EvB Klinikum · Potsdam
  3. Jan 2016 — Jul 2017
    Full-time · On-site
    Microtechnologist
    TDK-EPC AG & Co. KG · Stahnsdorf
  4. Dec 2015 — Jan 2016
    Full-time · On-site
    Delivery Driver
    WOP · Potsdam
2011 – 2015
  1. Jul 2014 — Oct 2015
    Full-time · On-site
    Chemical Laboratory Technician (Instrumental Analysis)
    Johnson & Johnson Medical GmbH · Norderstedt
    Laboratory Instrumental Analysis
  2. Aug 2011 — Jul 2014
    Apprenticeship
    Chemical Laboratory Technician
    Johnson & Johnson Medical GmbH
  3. Jan 2011 — Jul 2011
    Internship
    Chemical Laboratory Technician (Internship)
    Johnson & Johnson Medical GmbH
Partner
bbbk
Babelsberger Küche
Informationswebseite mit Laravel und CMS-Backend
Black Market Potsdam
Shop mit Laravel und CMS-Backend
frat
Fratelli Potsdam
Bestellsystem mit Laravel und CMS-Backend
galabau-michendorf
Galabau Michendorf
Informationswebseite mit HTML/CSS/JS
herthel
Herthel
Informationswebseite mit HTML/CSS/JS
prause
Webshopcenter (Center)
Informationswebseite mit HTML/CSS/JS
stellino
La Stellino
Informationswebseite mit HTML/CSS/JS
thaimassage
Thai Massage Potsdam
Informationswebseite mit HTML/CSS/JS
kleeblatt
Kleeblatt
Informationswebseite mit Laravel und CMS-Backend
Projekt: Kleinanzeigen Markt

Vollständiges Laravel-basiertes Marktplatz-System (Kleinanzeigen/Inserate) mit umfangreichen Features: hierarchische Kategorien, erweiterte Suche und Filter, Anfragen/Kommunikation zwischen Nutzern, Moderations-Pipeline sowie Multi-Role-Zugriff (Admin, Manager, Moderator, User).

Weitere Highlights: EAV-Attribute für flexible Inserate, Messaging-System mit Reports, Bildergalerien, Draft- und Preview-Funktion. Technisch basiert auf dem modernen Laravel-Stack inklusive Vite, Tailwind CSS, Livewire/Alpine für interaktive Elemente sowie optimierten Datenbanken und Caching-Strategien.

Zugriffsdaten: nur auf Anfrage
Projekt: SaaS ERP / Wohnungsmanagement

Umfassendes SaaS-ERP-System für Wohnungs- und Immobilienmanagement mit komplexen Prozessen, Rollenbasierter Zugriffssteuerung, Automatisierungen und integrierten OCR-Workflows für Belegverarbeitung.

Kernmodule: Dokumentenmanagement, Verifizierung und Risiko-Scoring, interaktive Dashboards, Multi-Auth-Systeme sowie Seed-Data für realistisches QA-Testing. Ähnlich wie beim Marktplatz basiert es auf dem vollen Laravel-Stack (Vite, Tailwind, Livewire) mit Fokus auf Skalierbarkeit, Sicherheit und performanter Datenverarbeitung.

Zugriffsdaten: nur auf Anfrage
Experimentelles

Canvas/WebGL Visuals, generative Patterns, kleine Tools & Demos – mit starkem Fokus auf Interaktion, Performance und innovative mathematische Darstellungen.

Hier experimentiere ich mit HTML Canvas als funktionale Darstellungsebene, visuellen Mathematik-Visualisierungen (z. B. Fraktale, Funktionsplots), p5.js für kreative Sketches sowie high-density WebGL/WebGL2-Anwendungen. Beispiele: Buddhabrot-Rendering mit bis zu 100 Milliarden Iterationen bei stabilen 40 FPS durch C++/WASM → WebGL2-Pipelines.

Ergänzend nutze ich Frameworks wie Babylon.js oder Three.js für 3D-Szenen, wo sinnvoll, sowie FFMPEG für Video- und Rendering-Prozesse. Diese Projekte sind bewusst als „Spielwiese“ konzipiert, aber technisch sauber, performant und oft mit tiefgehenden mathematischen Konzepten umgesetzt.

  • Legal
  • Legal Notice
  • Privacy Policy
© Lan Web Development