webX | Webentwicklung mit Code und Herz

Digitale Welten erschaffen mit Code und Herz. Ein partnerschaftlicher Weg

In der schnelllebigen Welt der Webentwicklung ist eine partnerschaftliche Zusammenarbeit von unschätzbarem Wert. Gemeinsam entwickeln wir nicht nur beeindruckende Lösungen, sondern auch eine starke Grundlage für langfristige Erfolge. Ich lade Sie herzlich ein, mit mir in Kontakt zu treten und den Weg zu Ihrem Erfolg zu beginnen

Mit Liebe zum Detail

Das HelloFresh-Projekt war eine besondere Herausforderung und eine hervorragende Gelegenheit, die Fähigkeiten als Webentwickler zu schärfen und zu verbessern. Die Website wurde ohne Hilfsmittel entwickelt, getreu dem Motto „Back to the basics“. Um die Website zu rekonstruieren, wurde zunächst eine Analyse der originalen HelloFresh-Website durchgeführt. Die gewonnenen Erkenntnisse wurden dann in einen Styleguide übertragen, der Farben, Schriftarten und Abstände beinhaltet

Kernkompetenzen in der Webentwicklung

In der dynamischen Welt der Webentwicklung sind fundierte Kernkompetenzen von entscheidender Bedeutung. Hierbei verschmelzen technisches Know-how und persönliche Kompetenzen zu einer kraftvollen Kombination. Diese Synergie bildet nicht nur beeindruckende Lösungen, sondern legt auch den Grundstein für nachhaltigen Erfolg

Technische Expertise

Programmiersprachen

Umfassende Kenntnisse in Technologien und Programmiersprachen wie HTML, CSS, JavaScript und TypeScript

Frameworks und Bibliotheken

Einsatz bewährter Frameworks und Bibliotheken wie Astro, Angular, JQuery, Bootstrap, TailwindCSS und DaisyUI

Responsive Design

Expertise im Responsive Design, um Websites zu gestalten, die auf verschiedenen Geräten und Bildschirmgrößen optimal funktionieren

Testen und Debugging

Kompetenz im Testen und Debugging, um Code systematisch auf Fehler zu überprüfen und Probleme effektiv zu beheben

Persönliche Stärken

Problemlösungskompetenz

Problemlösungskompetenz durch systematische Analyse und effektive Lösung komplexer Herausforderungen

Kommunikationsfähigkeit

Klare und präzise Kommunikation im Umgang mit Teammitgliedern, Kunden oder Stakeholdern

Lernbereitschaft

Stetige Lernbereitschaft, gekennzeichnet durch Offenheit für neue Technologien und kontinuierliche Weiterbildung

Teamfähigkeit

Teamfähigkeit als zentraler Bestandteil unserer Arbeitsphilosophie, mit aktiver Einbringung in interdisziplinäre Teams für gemeinsamen Erfolg

Webentwickler aus Leidenschaft - Die Lösung liegt im Code

In der Welt der Webentwicklung ist die Lösung für jedes Problem nur wenige Zeilen Code entfernt. Mit Leidenschaft, präzisen und sauber geschriebenen Code verwirklichen wir gemeinsam Ihre Vision

Sucht Ihr derzeitiges Projekt einen erfahrenen Webentwickler? Um Sie bei der Erreichung Ihrer Ziele zu unterstützen, biete ich Ihnen meine technischen und persönlichen Kompetenzen an

Jetzt Kontakt aufnehmen

Webentwickler mit Erfahrung im Projektgeschäft

Die nachstehenden Projekte repräsentieren eine Auswahl bisheriger Arbeiten. Ich lade Sie herzlich ein, einen umfassenden Eindruck zu gewinnen und sich von der Qualität der Leistungen zu überzeugen

HelloFresh

HelloFresh war für mich ein einzigartiges Projekt. Das Ziel war, ohne jegliche Hilfsmittel und getreu nach dem Motto "Back to the basics", die Landingpage von HelloFresh nachzubauen, um meine Fertigkeiten zu trainieren. Dafür wurde ein Styleguide mit Farben, Schriftarten und -größe sowie den Abständen zu den jeweiligen Elementen ausgearbeitet. Die Website ist responsive. Die Bilder wurden in das „.webp“-Format konvertiert und in verschiedene Größen skaliert, um die Ladezeit so gering wie möglich zu halten
- Ressourcen auf GitHub
Manage

Mit dem Einsatz von Tailwind CSS wurde die Aufgabe von Frontend Mentor erfolgreich umgesetzt. Das Ziel bestand darin, die Landingpage von Manage nachzubauen. Manage ist eine fiktive Firma, die Softwareteams ermöglicht, alltägliche Aufgaben zu planen. Ein Styleguide wurde als Teil der Aufgabe bereitgestellt. Das Hauptmerkmal bestand darin, Responsive Web Design umzusetzen und verschiedene Zustände zu berücksichtigen, beispielsweise den Zustand, wenn der Mauszeiger über ein Element bewegt wird
- Ressourcen auf GitHub
Easybank

Bei der Umsetzung von Easybank wurde das Framework Angular und Tailwind CSS mit PurgeCSS eingesetzt. Easybank bietet ein zentrales Konto für die Finanzen zum Investieren, Sparen und Budgetieren. Das Ziel dieser Aufgabe war, die Bereiche in Angular-Komponenten zu teilen und isoliert voneinander einzusetzen. Dadurch können diese Bausteine wiederverwendet werden. Ähnlich wie Legosteine wird die Landingpage aus verschiedenen Komponenten zusammengebaut. PurgeCSS erlaubt es uns, nicht benötigte CSS-Klassen von Tailwind CSS aus dem Projekt zu entfernen, bevor die Website an das Endgerät des Benutzers übertragen wird. Obwohl der Einsatz von Angular keinen wirklichen Mehrwert bietet und die Ladezeit etwas verschlechtert hat, war es interessant zu sehen, wie eine statische Single-Page-Anwendung funktioniert
- Ressourcen auf GitHub
Clipboard

Die Landingpage von Clipboard war sehr einfach umzusetzen. Clipboard stellt eine Anwendung dar, die alles, was in die Zwischenablage kopiert wird, speichert und in die Cloud transferiert. Das Ziel dieses kleinen Projekts war es, innerhalb von einem Tag die Landingpage responsiv umzusetzen. Dies war auch gleichzeitig die größte Herausforderung: meine eigene Deadline einzuhalten. Deswegen wurde, um die Produktivität zu steigern, Tailwind CSS eingesetzt, um bestehende Utility-Klassen einzusetzen und sich auf das Layout der Landingpage zu konzentrieren
- Ressourcen auf GitHub
Insure

Insure war das erste Frontend-Projekt mit der Aufgabe, das Layout anhand des bereitgestellten Styleguides umzusetzen. Das fiktive Unternehmen erstellt einen Plan, um die passende Lebensversicherung für Familien auszuwählen. Das Ziel bestand darin, sicherzustellen, dass die Landingpage auf den gängigsten Endgeräten responsiv funktioniert. Es gab jedoch eine kleine Herausforderung, nämlich die geeignete Größe der Hintergrundbilder zu finden, um dem Design so nahe wie möglich zu kommen
- Ressourcen auf GitHub