MELKE

TESFAY

Custom UI/UX

Interaktive Interfaces

Vanilla Frontend

መልከ

FULL-STACK

WEB-DEVELOPER

API Design

Auth & Security

Self-Hosted Infra

ተስፋይ

AUSGEWÄHLTE

PROJEKTE

Dieses Portfolio ist bewusst handgebaut: pure HTML, CSS und Vanilla JavaScript, ohne Framework-Abhängigkeit. Es verbindet interaktive Frontend-Details mit meinem Interesse an sauberen Systemen, Security und selbst betriebener Infrastruktur – vom UI bis zum Deployment.

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 mein persönliches Front-End-Experiment: ein eigenständig entwickeltes Webprojekt mit HTML, CSS und Vanilla JavaScript. Viele Details sind entstanden, weil ich verstehen wollte, wie weit ich mit nativen Browser-APIs und ohne Framework-Schicht komme.

Ich bin später in Softwareentwicklung und Cyber Security eingestiegen, aber daraus ist eine tiefe Leidenschaft geworden. Neben der Arbeit studiere ich Cyber Security an der HSLU und baue privat eine kleine Zero-Trust-Laborumgebung mit Self-hosted Services, Netzwerksegmentierung, Auth, Monitoring und CI/CD auf.

Wenn ich nicht an Code oder Infrastruktur arbeite, lese ich gerne Philosophie oder bin in den Alpen unterwegs. Dieses Portfolio ist auch deshalb persönlich: In der Grundidee, im visuellen System und in vielen Interaktionen stecken mehrere Wochen Kopfzerbrechen, lange bevor KI ein selbstverständliches Werkzeug wurde.

Project Systems

Projekte, die zeigen, wie ich Systeme baue.

Der Schwerpunkt liegt nicht auf einzelnen Screenshots, sondern auf echten Abläufen: entwickeln, absichern, deployen, betreiben und verbessern.

Featured SystemIn Betrieb / Ausbau

Meine eigene kleine Infrastruktur mit Proxmox und pfSense: segmentierte Netze, Reverse Proxy, lokale CA für interne Apps, TrueNAS SCALE, GitLab CI/CD, Authelia, Vaultwarden, Jellyfin, eigene Websites und zentrales Monitoring mit Wazuh.

  • Netzwerksegmentierung statt flachem Heimnetz
  • Self-hosted Services mit Auth, TLS und Reverse Proxy
  • Monitoring, CI/CD und Betriebsdenken von Anfang an
01

KI / Produktivität

ARKI

KI-Assistent für Brocki Arche Zürich: recherchiert automatisch Artikel, schreibt ausführliche Inserate und bereitet sie direkt fürs Einstellen vor.

AIRechercheAutomation
02

Infrastructure as Code

Terraform & GCP

IaC-Projekt mit Terraform und Google Cloud Platform, um Cloud- Ressourcen nachvollziehbar, versioniert und reproduzierbar zu provisionieren.

TerraformGCPIaC
03

Kundenarbeit

Websites für private Kunden

Mehrere kleinere Websites von Design und Textwirkung über Marketing-Überlegungen bis Deployment und technische Betreuung.

DesignMarketingDeploy
04

Media Service

Internet Radio

24/7-Radio mit Musikplänen nach Wochentag. Als nächste Idee: Musikwünsche sammeln und daraus automatisch Playlists bauen.

StreamingSchedulingSelf-hosted
05

Full Stack

Mini Webshop

Kleiner Shop mit Produktseiten, Warenkorb, Checkout-Idee, persistierten Bestellungen und Admin-Bereich als realistischer Business-Flow.

BackendOrdersAdmin
06

Frontend Craft

Portfolio Website

Diese Seite selbst: Vanilla HTML, CSS und JavaScript mit Wave-Navigation, Touch-Reveals, 3D-Cube, CRT-Details und mobilem Performance-Polish.

Vanilla JSInteractionPerformance
07

Security Learning

Eigener Auth mit MFA

Eigenes Auth-Projekt mit Multi-Faktor-Flow und Authenticator-App auf dem Handy, um Login-Security nicht nur zu nutzen, sondern technisch zu verstehen.

AuthMFASecurity

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 Direkt schreiben 02 GitHub Code & Projekte 03 CodePen Frontend Experimente 04 Mastodon Security Community
Frontend APIs Security Infra