Skip to content
View MadsTinko's full-sized avatar

Block or report MadsTinko

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
MadsTinko/README.md
Mads Tinko Madsen — frontend lead & design systems

Frontend lead & design-focused engineer from Denmark. I architect the systems other developers build inside — component libraries, design tokens, and the visual craft — and I'm full-stack capable, with a backend half I can prove. Frontend is where I shine.

  • Apprenticeship-trained (web-integrator + datatekniker, speciale i programmering), ~10 years building for the web
  • Live portfolio → tinko.dk

What I focus on

  • I build the foundation the team moves fast on — design tokens, a typed component library, and lint-enforced conventions that keep a codebase coherent as it scales.
  • Interfaces that feel right, not just work — layout, spacing and responsiveness are where I'm strongest: the polish users feel and most engineers skip.
  • A frontend architect with real full-stack depth — SOLID, DI and backend patterns behind the decisions, so the architecture holds up.

What I'm building now

For 2+ years I've been the Lead Frontend Developer at Engii-Soft, building EngiiCore — an all-in-one, multi-tenant platform for consulting engineering & architecture firms (capacity planning, quote-to-cash, project economics, a built-in AI assistant). I rebuilt a stalled legacy app (frozen on Angular 12, ~10 major versions behind) into a modern Angular 22 codebase — standalone components, signals, gRPC / Connect, MSAL auth — and set the conventions the team now builds inside. The foundations are mine:

  • Design system & theming — the design-token foundation, themes and utility layer the whole app styles against, with hardcoded styles banned by lint. The team builds components on top of it; the system underneath is mine.
  • Generic component library — the reuse pattern and the bulk of a ~30-component generic library: a typed config-driven table, tree / expandable tables, filter-bar, page-shell, cards, form-layout, a calendar subsystem.
  • gRPC / Connect layerfetch / mutate wrappers that centralize loading state and notifications, plus buf-based proto generation.
  • Route security — the Angular guard wiring (permission / role / auth / bootstrap) that decides what each area gates.
  • Architecture-as-lint26 custom ESLint rules plus Husky pre-commit hooks that make the conventions self-enforce across the team.
  • Testing — a 4-tier strategy including a novel wire-compat tier I built to catch protobuf wire drift on dependency bumps; I wrote most of the suite.
  • CI/CD & docs — the GitHub Actions pipelines and the developer / architecture documentation the team onboards from.

I lead 2 developers, on a platform of hundreds of components across 30+ feature areas.

Angular 22 TypeScript SCSS Design tokens gRPC / Connect ESLint rules


Public code

The platform above is private, so here's public, clickable code that exercises the same muscles.

WiseWatt — smart-home energy dashboard

My strongest public sample; it mirrors what I do professionally: SSR, ECharts dashboards, JWT auth (guard + interceptor + service), Angular Material / CDK, a custom theming service, and IoT-device CRUD across ~20 components and 7 services.

Angular 17 TypeScript SCSS SSR ECharts JWT

Texas Hold'em — real-time multiplayer poker

A Flutter client over SignalR — live networking, game state, cross-platform UI. Its server is my Poker Engine below: I built both halves.

Flutter Dart SignalR real-time

Scrumboard — Firebase-backed task board

A full CRUD scrum board wired to Firebase Realtime DB — auth, dialogs, typed models, live sync.

Flutter Firebase Dart

The Periodic Table — interactive Angular app

A clean interactive periodic table — data-mapper service, typed models, composable cell components.

Angular TypeScript

tinko.dk — my live, deployed portfolio.


Where the architecture comes from — backend & CS foundations

The systems thinking I lead with on the frontend — generics, design tokens, reuse patterns — rests on real CS foundations. Here's the public proof that I understand the patterns I architect with, not just apply them.

Poker Engine — real-time game server, front to back

A C# / ASP.NET SignalR server built on factory patterns, interfaces and dependency injection, with JWT auth, role management and a full unit-test suite — and it's the backend for my Flutter Texas Hold'em client. One real-time multiplayer system, both halves public.

C# ASP.NET SignalR xUnit

More that backs the architecture:

WiseWatt was my datatekniker final exam (frontend + backend + IoT) — graded 10 on the Danish scale.


Foundations

These aren't hobby repos — the H3H6 prefixes are my apprenticeship milestones, worked through inside real companies. The deepest: I built a working computer from NAND gates up (Nand2Tetris) — gates → CPU → assembler → VM → compiler — plus data structures & sorting algorithms in C and facial recognition in C++.


Also proud of

A website-builder / CMS in Symfony (PHP) built during an earlier apprenticeship — template-driven, dropdown-configured, Bootstrap, fully responsive, so a client could build and manage their entire site. Delivered solo in ~6 months, learning PHP from scratch through the docs. Predates this account — no repo, but one of the projects I'm proudest of, and a fair marker of my full-stack range.


Tech I reach for

Frontend — Angular · TypeScript · Signals / RxJS · SCSS · Flutter / Dart

Backend — C# / .NET · ASP.NET · SignalR · EF Core · gRPC / Connect · Node · PHP / Symfony · SQL

Practices — design systems · patterns / SOLID · testing (Vitest · Playwright · Karma · xUnit) · CI/CD · custom lint tooling

Fourteen languages across the repos above and counting.


Get in touch

LinkedIn Portfolio

Pinned Loading

  1. texas_holdem_app texas_holdem_app Public

    Dart 1

  2. H6-WiseWatt-Frontend H6-WiseWatt-Frontend Public

    TypeScript