Portfolio & Projekte
Scrollt nach unten für meine Webdesign-Experimente und CodePen-Spielereien.
DERPart Unternehmernetzwerk
Enterprise WordPress-Lösung für das DERPart Unternehmernetzwerk, entwickelt mit einem eigenen Design-System-Framework. Die Website präsentiert ein genossenschaftliches Franchise-Modell für unabhängige Reisebüros und verzichtet komplett auf WordPress-Plugins und Page-Builder. Stattdessen setzt sie auf ein maßgeschneidertes Tailwind CSS Framework, das für maximale Performance und Sicherheit optimiert wurde. Die Entwicklung erfolgte mit DDev in einer lokalen Docker-Umgebung. Features umfassen ein integriertes Cal.com Terminbuchungssystem, AJAX-basierte Formularverarbeitung und eine responsive Video-Hero-Sektion mit intelligenter Preload-Strategie.
Weitere Projekte
Gartenkultur
Enterprise Angular-Lösung für die Schweizer Gartenbau-Manufaktur Gartenkultur AG. Die Website präsentiert professionelle Gartengestaltung mit über 60 Referenzprojekten und kombiniert modernes Frontend-Design mit einem hochperformanten Backend-System. Entwickelt mit Angular und TypeScript, basiert die technische Architektur auf einem eigenen Framework mit Redis als Datenbankschicht und einem Vue.js-basierten Dashboard für Content-Management. Die Seite integriert Google Maps für zwei Standorte, ein vollständiges Kontaktformular und eine umfangreiche Referenz-Galerie. Das Design nutzt Tailwind CSS mit einer minimalistisch-modernen Ästhetik und großformatigen Hero-Images.
Kitz Concierge
Kitz Concierge wurde mit höchsten Ansprüchen an Design und Funktionalität in Figma entworfen und anschließend in HTML und Tailwind CSS umgesetzt und mit dem Sitegenerator Astro in seine Form gegossen. Die Anspruch war es, eine Webseite zu erstellen, die sowohl optisch als auch funktional auf höchstem Niveau ist und einen sehr hochwertigen Eindruck vermittelt, der Kunden aus dem Hochpreis-Umfang ansprechen soll. Dies ist mit Bravour gelungen. Als Hosting wurde Google Cloud verwendet.
Getucated App
Innovative Bildungs-App, entwickelt mit dem Ionic Framework, React und TypeScript, die komplexes Allgemeinwissen in sieben Kernbereichen vermittelt: Geschichte, Philosophie, Religion, Architektur, Kunst, Literatur und Fortschritt. Die App zeichnet sich durch eine interaktive Wissensmatrix aus, die wichtige Entwicklungen über sechs Epochen von der Antike bis zur Gegenwart visualisiert. Mit über 600 Bildern, einer integrierten Quiz-Funktion und regelmäßigen Wissens-Updates bietet die staatlich zertifizierte Lern-Plattform ein "Studium Generale im Mini-Format". Eine maßgeschneiderte PHP-Konvertierungsschnittstelle ermöglicht nahtlose Inhaltsintegration. Die App ist sowohl als kostenlose Lite-Version als auch als Pro-Version für iOS und Android verfügbar.
Catrice Metaface, Augmented Reality App
Innovative Augmented-Reality-Anwendung, die exklusiv für den renommierten Kosmetikhersteller Catrice entwickelt wurde. Diese fortschrittliche App revolutioniert das Online-Shopping-Erlebnis im Beautybereich: Kunden können verschiedene Makeup-Produkte und komplette Beauty-Looks in Echtzeit virtuell an ihrem eigenen Gesicht testen. Durch die fortschrittliche AR-Technologie wird eine realistische Vorschau der Produkte ermöglicht, was die Kaufentscheidung wesentlich erleichtert. Nach der virtuellen Anprobe können die ausgewählten Produkte direkt und bequem im integrierten Catrice Online-Shop bestellt werden. Die Kombination aus modernster Technologie und benutzerfreundlichem Design macht das Makeup-Shopping zu einem interaktiven und personalisierten Erlebnis.
Linktree Web Widget
Speziell für den Einsatz auf sozialen Plattformen wie Instagram entwickelt, bietet das Web-Widget ein benutzerfreundliches und ansprechendes Design. Die Integration einer API (Headless CMS) erlaubt es Kunden, den Inhalt des Widgets schnell und einfach zu aktualisieren. Die Linktree-App kommt mit Firebase Realtime Database-Unterstützung und Firebase-Authentifizierung und wird auf der Google Cloud Platform (GCP) in Cloud Run gehostet.
Neuraxis Dashboard
Ein komplexes Webframework, das aus einem Mono-Repo eine erweiterbare Applikationsschnittstelle schafft. Die Grundlage bildet Vue.js in Kombination mit Tailwind CSS auf einem Webpack Bundler. Das Backend der Anwendung wird durch eine Python API gebildet, die von einer redis-Datenbank unterstützt wird.
Sprachelernen
Eine Lernplattform, die Schülern aus der ganzen Welt die Möglichkeit bietet, Sprachen zu lernen. Die Plattform nutzt WordPress und Learndash für interaktive Lernmaterialien, Übungen und Tests. Verfügbar in Deutsch und Französisch.
BO1 Albatros
Umsetzung einer Sketch-Vorlage für WordPress mit modernsten Webentwicklungstechnologien wie JavaScript für Lottie-Animationen. Ein agiles Projekt in Zusammenarbeit mit Albatros Frankfurt.
Rosenberg Ayurveda
Ein aufwendig gestalteter Webshop, basierend auf Adobe XD-Vorlagen. Implementiert mit HTML5 und SCSS für ein dynamisches, responsives Design.
Zuerizahnie
Entwicklung eines individuellen WordPress Themes mit Bootstrap und Elementor-Integration. Das Projekt erforderte die Verschmelzung von bestehendem Frontend-Code mit Elementor-Funktionalitäten.
Logic Moon
Portfolio-Website mit Fokus auf Design und spezielle Effekte. Von der Figma-Konzeption bis zur Frontend-Entwicklung komplett umgesetzt.
GSP Steuern
Website für eine Steuerberatungskanzlei, basierend auf WordPress und dem DIVI-Framework. Design wurde von Adobe XD in ein funktionales Theme übertragen.
IIHD
Ein umfangreiches Content-Portal für das Institut für Internationales Handels- und Distributionsmanagement, realisiert mit WordPress und eigenen PHP-Komponenten.
Vintage Revivals
Eine moderne WordPress-basierte Website für eine Design- und Handwerkskunst-Marke.
Restposten24
Deutschlands größtes Handelsportal für Restposten. Komplette Backend- und Frontend-Entwicklung in PHP, mit Elasticsearch-Integration und umfangreicher SEO-Optimierung.
Medinform
Ein umfangreiches WooCommerce-Shopsystem mit individuellen Anpassungen und optimiertem Bestellprozess.
GitHub & Projekte
Codebase-RAG
Code-Retrieval-Augmented-Generation System mit Chroma und Anything LLM für intelligente Codebase-Analyse. Ermöglicht semantische Code-Suche und KI-gestützte Dokumentation.
llm-code-streamer
Python-Tool zum Sammeln von Code-Dateien in eine einzelne Textdatei, optimiert für die Nutzung mit Large Language Models (LLMs).
WooCommerce AI Products
WordPress Plugin das OpenAI (GPT & DALL-E) nutzt, um Demo-Produkte für deinen WooCommerce Store zu generieren.
Code Invaders
Code Invaders - Easter Egg Browser Game. Ein retro-inspiriertes Space Invaders Spiel als interaktives Easter Egg.
Hey, ich bin Tobias! 👋
Als der sympathische Macher hinter Tobeworks verwandle ich seit über zwei Jahrzehnten Kaffee in Code – und das ziemlich erfolgreich! Von meinem Hauptquartier in der Mainzer Altstadt aus jongliere ich als Fullstack-Entwickler mit Frameworks, APIs und Datenbanken, während ich nebenbei noch die schönsten UI/UX-Designs zaubere. Musik mache ich übrigens auch .
Meine Mission? Websites, Shops und webbasierte Software bauen, die nicht nur gut aussehen, sondern auch richtig was drauf haben. Quasi der Dreiklang aus Form, Funktion und "Boah, ist das cool!" 🚀 Ob knackige Landingpage oder komplexe SaaS-Lösung – ich bringe deine digitalen Ideen zum Leben.
Aber genug von mir: Du hast eine Vision, die ins digitale Rampenlicht will? Super! Als dein Tech-Wingman bringe ich nicht nur jede Menge Erfahrung und Know-how mit, sondern auch die Fähigkeit, komplexe Technik in verständliche Sprache zu übersetzen. Lass uns gemeinsam dein nächstes digitales Meisterwerk schaffen!
Webdesign Experimente
Hier experimentiere ich mit verschiedenen Hero-Designs und modernen Webdesign-Konzepten.
