Einführung
Obwohl ein Großteil meiner beruflichen Arbeit und meiner bisherigen Beiträge sich auf Go, Kubernetes und Backend-Architektur konzentriert, habe ich schon immer eine Schwäche für Frontend-Entwicklung gehabt. In meiner Freizeit experimentiere ich gerne mit React, um Tools und Oberflächen zu bauen, die sowohl funktional als auch performant sind.
Heute möchte ich einige dieser Projekte vorstellen und dir einen Einblick geben, was ich baue, wenn ich keine Go-Services schreibe.
1. Persönliches Portfolio
Jeder Entwickler braucht eine Heimat im Web, und meine ist ein Zeugnis sauberer, moderner Frontend-Entwicklung. Mit React gebaut, dient dieses Portfolio als zentraler Anlaufpunkt für meine professionelle Identität und präsentiert meine Fähigkeiten, Erfahrungen und Projekte auf ansprechende Weise.
- URL: portfolio.noobygames.de
- Wichtige Merkmale: Beim Besuchen fällt das responsive Design, ein schlichtes dunkles Theme und fließende Animationen auf, die die Nutzererfahrung verbessern. Es hebt meinen Tech-Stack und meinen beruflichen Werdegang hervor und fungiert als dynamischer Lebenslauf.
Es ist ein Projekt, das sich ständig weiterentwickelt, während ich neue Frontend-Techniken lerne, und dient als Spielwiese zum Testen neuer React-Muster und Bibliotheks-Integrationen.
2. Last War Calculators
Als begeisterter Spieler des Mobile-Games „Last War" habe ich schnell einen häufigen Schmerzpunkt identifiziert: die mühsamen Berechnungen für Ressourcenmanagement und Speedup-Optimierungen. Diese React-Anwendung entstand aus diesem Bedarf heraus und bietet eine Sammlung praktischer Tools für die Community.
- URL: Last War Calculators
- Wichtige Merkmale: Diese Single-Page-Anwendung bietet mehrere spezialisierte Rechner, darunter einen Speedup-Rechner, Ressourcen-Rechner, Helden-EXP-Rechner und einen Forschungs-Rechner. Die Benutzeroberfläche ist unkompliziert und hochfunktional, mit einem Mobile-First-Ansatz konzipiert, um Spielern, die ihr Gameplay optimieren möchten, sofortigen Mehrwert zu bieten. Es ist ein gutes Beispiel dafür, wie React komplexe Logik und State-Management handhaben kann, um reale Probleme für eine Nischen-Zielgruppe zu lösen.
Diese App ermöglicht es Spielern, ihre aktuellen Ressourcen und Ziele einzugeben, um genau zu berechnen, was sie für ihr nächstes Upgrade benötigen. Sie zeigt, wie eine einfache React-SPA (Single Page Application) einer Nischen-Community sofortigen Mehrwert bieten kann.
Fazit
Das Bauen dieser Apps hilft mir, auf der Full-Stack-Seite der Dinge auf dem Laufenden zu bleiben. Es erinnert mich daran, dass – egal ob es sich um einen Go-Microservice oder einen React-Rechner handelt – das Ziel immer dasselbe ist: sauberen, wartbaren Code zu schreiben, der ein Problem löst.