Entwickeln, testen, verbessern

Vollständige Entwicklung einer Unternehmens-Webplattform für GM Microcementos, ein Unternehmen, das sich auf die Anwendung von Mikrozement spezialisiert hat. Professionelle Website mit 15 optimierten Seiten, fokussiert auf Performance, SEO und außergewöhnliche Benutzererfahrung. Beinhaltet Budgetrechner, filterbare Projektgalerie, erweiterte Formulare und minimalistisches Designsystem. Modulare Architektur mit 100+ wiederverwendbaren Komponenten und Core Web Vitals-Optimierung.

Webplattform für Academia CEJ, Akademie spezialisiert auf Justiz-Wettbewerbsprüfungen in Málaga. Vollständig responsive Website mit Blog, virtuellem Campus, Wissensteststystem, Anmeldesystem und Kursverwaltung. Entwickelt mit Next.js 14, React 18, Tailwind CSS, Framer Motion und Docker.

Entwicklung der Unternehmenswebsite von Dimap, einer modernen Anwendung auf Basis von Next.js 15, React 19, Redux Toolkit und TailwindCSS, die auf optimale Leistung und ein reibungsloses Nutzererlebnis ausgelegt ist. Das Projekt umfasst Serviceseiten, Blog, Unternehmensbereiche und Formulare mit Lead-Verfolgung, alles aufgebaut auf modularer Architektur und hochoptimiertem Laden über SSG, Lazy Loading und ClientLoader.

In diesem Projekt habe ich mit einem Team von Grund auf eine Plattform aufgebaut, die sich auf den Verkauf von Qualitätsprodukten und die Unterstützung des lokalen Handels konzentriert. Wir haben vom Konzept bis zur Praxis gearbeitet und sowohl das Backend als auch das Frontend erstellt. Neben verschiedenen Technologien wurden Integrationen wie JWT für die Kontrolle von Benutzerkonten und Anmeldungen, ein Dashboard für die Kontrolle aller Daten implementiert... Funktionen wie die Möglichkeit, sich mit verschiedenen sozialen Netzwerken anzumelden, ein Konto als Benutzer zu erstellen, um Produkte zu kaufen, oder als Unternehmen, um sie hinzuzufügen, Karten des nächstgelegenen Ortes, an dem das Produkt gefunden werden könnte, unter anderem. Aus Vertraulichkeitsgründen wird der Code nicht angezeigt.

DevCrate ist eine Plattform, um Entwicklungsressourcen zu entdecken (Tools, Bibliotheken, Assets, Dokumentation und Challenges). Ist es dir nicht auch schon passiert, dass du eine Ressource für dein Projekt oder einfach nur Inspiration brauchtest und am Ende durch unzählige Seiten gescrollt hast? Genau deshalb habe ich diese Plattform gebaut: um alle Ressourcen, die ich im Laufe der Jahre entdeckt habe, zu organisieren und nicht zu verlieren, und sie schnell wiederzufinden, ohne von verstreuten Lesezeichen abhängig zu sein. Sie enthält eine erweiterte Suche, Tag-Filter und einen Admin-Bereich zur Verwaltung aller Inhalte. Außerdem sind Community-Vorschläge möglich, um weiterhin nützliche Tools zu sammeln. Gebaut mit Next.js, React, TypeScript und MongoDB, mit sicherer Authentifizierung und einer modernen Oberfläche auf Basis von shadcn/ui.

Rekonstruktion des offiziellen Apple-Hero-Bereichs für die AirPods Pro 2, mit Schwerpunkt auf fortgeschrittenen Animationen mit GSAP und ScrollTrigger. Ich implementierte eine Sequenz von 65 Canvas-gerenderten Bildern, die mit dem Scrollen synchronisiert sind, ergänzt durch sanfte Übergänge, dynamische Navigation und visuelle Effekte, die vom Originalerlebnis von Apple inspiriert sind. Ein Projekt zur Verfeinerung leistungsstarker Webanimationen.

Entwicklung einer Echtzeit-Objekterkennungs-PWA mit Angular 19 und TensorFlow.js. Enthält PWA-Konfiguration, Integration von TensorFlow.js zur Objekterkennung, Live-Bilderfassung und -verarbeitung, Optimierung mit Web Workers und Lazy Loading, Offline-Speicherung mit IndexedDB und Bereitstellung auf mobilen Geräten.

Grand Theft Auto VI Landing Page Klon, ausschließlich für Bildungszwecke und zur Demonstration von Webentwicklungsfähigkeiten erstellt. Moderne Website mit responsivem Design optimiert für alle Desktop-Auflösungen (1024px - 4K). Enthält Dropdown-Menü mit erweiterten Animationen mit GSAP, dynamisches Charakter- und Orts-Präsentationssystem mit Bildern, interaktive Trailer-Sektion mit Vorschauen und Download-Sektion mit animierten Karten. Gemeinnütziges Bildungsprojekt entwickelt mit Astro, Tailwind CSS und JavaScript.

Übungsprojekt zum Erlernen von Three.js und TresJS mit 3D-Modellen. Interaktive Webanwendung zur Anpassung eines Stehschreibtischs mit verschiedenen Oberflächen- und Farboptionen. Enthält 3D-Ansicht mit Orbital-Steuerelementen, 3D-Modelle von Laptop, Kopfhörern und Zierpflanze. Passen Sie die Schreibtischoberfläche an und wählen Sie Farben für Zubehör mit Echtzeit-Vorschau. Entwickelt mit Vue 3, TresJS (Three.js-Integration mit Vue), TypeScript, Vite und UnoCSS.

Kleines Projekt zum Üben mit Strapi als CMS und Backend. Es ist mit React/Next.js, TypeScript und Tailwind CSS entwickelt. Obwohl in der Demo Mock-Daten verwendet werden, enthält der Code die echte Strapi-Integration zum Abrufen und Verwalten von Inhalten.

Echtzeit-Chat-Projekt mit produktionsorientierter Backend-Architektur. Es nutzt Node.js + Express und Socket.IO fuer bidirektionale Kommunikation, mit zwei Speicher-Modi: In-Memory (mock) und optional persistenter Speicherung mit Supabase. Das Frontend (Vite) kann im Demo- oder Live-Modus laufen, und die Loesung ist schichtbasiert aufgebaut (Konfiguration, HTTP, Realtime, Domain und Storage), um Wartbarkeit, Tests und Skalierbarkeit zu verbessern.

HTML5-Implementierung des klassischen Super Mario Bros., erstellt mit Phaser 3.55.2 für Bildungszwecke, basierend auf der Arbeit von Decapapi. Das Projekt stellt das 2D-Plattformer-Erlebnis mit einer modularen Architektur für Animationen, Blöcke, Strukturen, Entitäten, Spielersteuerungen und HUD sowie Extras wie die Screenshot-Erfassung mit html2canvas wieder her. Es unterstützt die Webbereitstellung und lokale Entwicklung mit Vite und macht Tests und Open-Source-Beiträge unter der MIT-Lizenz unkompliziert.

Paint Win 95' bildet das klassische Microsoft-Paint-Erlebnis mit einer retro Windows-95-Oberfläche und modernem Web-Verhalten nach. Es enthält Zeichen- und Auswahlwerkzeuge, eine Primär-/Sekundärfarbpalette, einen Rückgängig/Wiederholen-Verlauf, Arbeits-Zoomstufen, das Öffnen lokaler Bilder, PNG-Export sowie Unterstützung für Maus-, Tastatur- und Touch-/Stift-Eingaben über Pointer Events.

Bookshop View Transitions ist eine React- + Vite-Demo, die sich auf die Umsetzung flüssiger Übergänge zwischen Seiten mit der View-Transitions-API konzentriert und gemeinsame Animationen zwischen Elementen (Titel, Cover und Navigation) enthält, um eine visuell durchgehende Navigation zu erreichen.

TikTok-Klon, erstellt mit React, TypeScript und Vite, mit mobile-first Ansatz. Enthält einen vertikalen Feed mit automatischer Wiedergabe, Following/For You-Navigation, interaktive Aktionen (Like, Kommentare, Speichern, Teilen), Friends/Inbox/Profile-Seiten und Upload mit Veröffentlichung im Feed. Läuft mit servicebasierter Architektur (standardmäßig Mock mit localStorage-Persistenz) und bereitet Supabase für eine echte Backend-Verbindung vor.

Open-Source-Projekt, inspiriert vom klassischen Breakout, entwickelt mit Astro und Spiellogik in TypeScript auf Canvas. Enthält eine Schwierigkeitsauswahl direkt im Canvas, anpassbare und progressive Ballgeschwindigkeit, Ziegel mit variabler Haltbarkeit und Schadenszuständen, Tastatursteuerung sowie Neustart nach Game Over.