MELKE

TESFAY

Interface Design

Interaction Systems

Low-Dependency Frontend

መልከ

FULL-STACK

WEB-DEVELOPER

API Architecture

Identity & Security

Self-Hosted Infra

ተስፋይ

MONITOR

A
UTOMAT
E

DEPLOY

SECURE

OPERATE

BUILD

SYSTEM

THINKING

Dieses Portfolio ist bewusst frameworkfrei und low-dependency gebaut: HTML, CSS und Vanilla JavaScript statt fertiger UI-Bibliothek. Es ist kein generisches Template, sondern ein persönliches Frontend-Experiment: unkonventionell, experimenteller und technischer, mit Interaktionen, die von Grund auf selbst geschrieben sind.

Ich bin Melke, Full Stack Web-Entwickler aus Zürich.

An Frontends liebe ich das Sichtbare und Interaktive. Genauso interessiert mich, was darunter passiert: Backend, Infrastruktur und Security.

Asmara Zürich

Dieses Portfolio ist für mich weniger Selbstdarstellung als ein Arbeitsstück. Viele Details sind entstanden, weil ich verstehen wollte, wie Interaktionen, Layout, Animationen und Browser-APIs wirklich funktionieren, wenn man sie nicht an ein Framework delegiert.

Mein langfristiges Ziel ist es, tiefe Expertise in Cyber Security aufzubauen. Ab Mitte September 2026 studiere ich berufsbegleitend Cyber Security an der HSLU.

Wenn ich nicht an Code oder Infrastruktur arbeite, lese ich gerne Philosophie oder wandere gerne in den Alpen.

Die IT-Welt ist für mich auch privat zu einer großen Leidenschaft geworden. Ich betreibe ein Homelab mit zwei leistungsstarken Servern, in dem ich mit Virtualisierung, High Availability, Zero-Trust-Konzepten, Self-hosted Services, Netzwerksegmentierung, Auth, Monitoring und CI/CD experimentiere.

Selected Work

Projekte zwischen Web, AI und Infrastruktur.

Eine Auswahl von Projekten, in denen Frontend, Backend, Automatisierung, Security und Betrieb zusammenkommen.

Infrastructure LabIn Betrieb / Weiterentwicklung

Private Homelab-Infrastruktur mit Proxmox und pfSense: segmentierte Netze, zentrale Authentifizierung, Reverse Proxy, lokale CA für interne Services, Storage, GitLab CI/CD und Monitoring. Ziel ist eine Umgebung, in der ich Security-, Betriebs- und Automatisierungskonzepte realistisch testen kann.

  • Segmentierte Netze mit klaren Vertrauensgrenzen
  • Interne Services mit Auth, TLS und Reverse Proxy
  • GitLab CI/CD, Monitoring und Storage als Teil des Betriebs
01

Product-Catalog-Automation für Brocki Arche Zürich: analysiert Produktfotos, sammelt Kontext über Google-Lens-/SerpAPI-Recherche und erzeugt mit Vertex AI, Gemini Tool Calling und RAG einen inseratfertigen Entwurf. Der Workflow wurde dadurch etwa 3- bis 5-mal schneller.

PythonPlaywrightVertex AIRAG
02

Frontend / Brand Design

Rest Assured AFH

Rest Assured AFH Banner Design

Reines Frontend- und Branding-Projekt: Webdesign, Logo, Visitenkarten, Broschüre, Banner, SEO und Performance-Polish. Deployment nahezu ohne laufende Kosten über GitHub Actions und Firebase Hosting; abgesehen von der Domain praktisch zero-cost.

WebdesignBrandingSEOFirebase
03

Cloud Infrastructure Blueprint

Terraform & GCP für KMU-Infrastruktur

Industrienahes IaC-Projekt für eine reproduzierbare GCP-Umgebung: Netzwerk, IAM, Hosting-Basis, State-Handling und CI/CD-getriebene Änderungen sollen versioniert, reviewbar und ohne Console-Chaos deploybar sein.

TerraformGCPIAMCI/CD
04

Media Automation

Self-Hosted Internet Radio

24/7-Radio mit Liquidsoap, Icecast und PHP: Musikpläne nach Wochentag, automatisierte Rotation und Self-hosted Betrieb. Langfristig möchte ich tiefer in Audio-Streaming einsteigen: eigene WebSocket-Streams, Encoding/Decoding und Paket-Handling.

LiquidsoapIcecastPHPStreaming
05

Commerce Backend

Mini Webshop mit Admin & Payments

Kleiner Commerce-Flow mit PHP, MySQL und vorbereiteter Stripe-Integration: Produktverwaltung, Warenkorb, Bestellungen, Admin-Dashboard und Payment-Handling als sauberer End-to-End-Business-Prozess.

PHPMySQLStripeAdmin Dashboard
06

Frontend System

Custom Portfolio Interface

Eigenes Portfolio als vollständig handgebautes Frontend-System: Wave-Navigation, Touch-Reveals, 3D-Cube, CRT-Layer, responsive Motion-Fallbacks und Performance-Polish ohne Framework.

Vanilla JSMotion UIResponsivePerformance
07

Identity & MFA Lab

Web Auth mit Android Authenticator

Security-Lernprojekt zum Verständnis von Authentifizierung, Session-Handling und 2FA: ein eigener Web-Auth-Flow plus Android-Authenticator-App, die als zweiter Faktor mit dem Backend zusammenspielt.

Authentication2FAAndroidSessions

Abgesehen von Kundenprojekten wie ARKI und Rest Assured AFH sind die privaten Projekte keine reinen Mockups: Sie laufen auf meiner eigenen Infrastruktur oder werden gezielt dafür gebaut.

Open Channel

Lass uns etwas Konkretes bauen.

Ich freue mich über Webprojekte, Junior-Rollen und Gespräche, bei denen Frontend, Backend, Infrastruktur oder Security zusammenkommen.

Contact RelayZürich / Remote
01 E-Mail melketesfay@gmail.com 02 GitHub Code & Projekte 03 CodePen Frontend Experimente 04 Mastodon Security Community
Frontend Backend Security DevOps Infra