Über mich

Ich bin ein Webentwickler mit Leidenschaft für die Erstellung leistungsstarker und umweltfreundlicher digitaler Erlebnisse. Mit Sitz in Rennes(Frankreich) bin ich für Projekte in Nantes, Paris, Berlin oder für Remote-Arbeit verfügbar.

Meine Vision

Die digitale Technologie stellt heute einen wachsenden Teil unseres CO2-Fußabdrucks dar. Als Webentwickler setze ich mich dafür ein, Websites und Anwendungen zu entwickeln, die ihre Umweltauswirkungen minimieren, ohne die Benutzererfahrung zu beeinträchtigen.

Josselin HANEL - Full-Stack-Entwickler

Mein Ansatz

  • Öko-Design : Ich entwickle leichte Lösungen mit geringem Serverressourcen- und Bandbreitenbedarf. Weniger Last, niedrigere Kosten, höhere Effizienz. Wartungsfreundliche Systeme, die sich reibungslos an neue Anforderungen anpassen können.

  • Leistung : Eine schnelle Website ist angenehmer zu benutzen und verbraucht auf der Benutzerseite weniger Energie.

  • Zugänglichkeit : Ich entwerfe Schnittstellen, die für jeden zugänglich sind, unabhängig von Behinderung oder verwendetem Gerät.

  • Nachhaltigkeit : Ich baue Websites mit dauerhaften Technologien, die langfristig gewartet werden können.

Technische Fähigkeiten

Frontend

🖥️
Astro

Modernes, framework-agnostisches Web-Tool, das überwiegend statisches HTML generiert und hervorragende natürliche SEO und optimale Leistung bietet, ohne Technologieentscheidungen zu erzwingen.

Ein Werkzeug, das schnelle Websites erstellt, die leicht auf Google zu finden sind, ohne Sie zu zwingen, eine bestimmte Technologie zu verwenden.

CSS Pro

Fortgeschrittene CSS-Techniken für responsive Designs und flüssige Animationen, die den Einsatz ressourcenintensiver JavaScript-Lösungen reduzieren.

Techniken zur Erstellung von Websites, die sich an alle Bildschirme anpassen, mit flüssigen Animationen, die Ihr Gerät nicht verlangsamen.

Tailwind

Utility-CSS-Framework, das die Zusammenarbeit und die Verwaltung von Responsive-Design erheblich erleichtert. Die CSS-Bereinigung in der Produktion garantiert ultraoptimierte Stylesheets.

System, mit dem Sie schnell Designs erstellen können, die sich an alle Bildschirme anpassen und die Website leicht halten.

TypeScript

Typisierte Erweiterung von JavaScript für robusteren und wartbaren Code, reduziert Fehler und technische Schulden.

Eine verbesserte Version von JavaScript, die hilft, Fehler zu vermeiden und die Teamarbeit erleichtert.

HTMX

Ultraleichte Bibliothek (~14kb), die AJAX- und WebSocket-Funktionen direkt zum HTML hinzufügt. Ein einfaches Skript genügt, um es bei Bedarf im Flug zu integrieren.

Ein kleines Werkzeug, das Webseiten interaktiv macht, ohne die Website zu belasten.

Alpine.js

Micro-JavaScript-Framework, das genau dort glänzt, wo modernes CSS nicht mehr ausreicht. Perfekt für Zustandsverwaltung ohne Rückgriff auf ein schweres Framework, bei minimalem Footprint.

Ein leichtes Werkzeug, um Ihren Seiten Interaktivität hinzuzufügen, ohne sie zu verlangsamen.

Backend

⚙️
Express

Minimalistisches Node.js-Framework, schnell zu implementieren und ressourceneffizient bei geringer Last, ideal für einfache bis mittelschwere APIs.

Ein einfaches und effizientes Werkzeug zum Erstellen des unsichtbaren Teils der Website, der Daten verarbeitet.

WebSocket

Bidirektionales Kommunikationsprotokoll, ideal für interaktive Anwendungen, deutlich ressourceneffizienter als wiederholte HTTP-Anfragen.

Technologie, die es Websites ermöglicht, in Echtzeit zu kommunizieren, wie für Chats oder Sofortbenachrichtigungen.

Elixir

Funktionale Sprache für Nebenläufigkeit, die bei hoher Arbeitslast bessere Skalierbarkeit und Leistung als Node.js bietet.

Eine Programmiersprache, die speziell dafür entwickelt wurde, viele Benutzer gleichzeitig zu verarbeiten, ohne langsamer zu werden.

Phoenix

Hochleistungs-Elixir-Framework mit LiveView, das Echtzeit-Schnittstellen ohne clientseitiges JavaScript ermöglicht.

Werkzeug, das es ermöglicht, interaktive Websites in Echtzeit zu erstellen, ohne die Seite für den Benutzer zu belasten.

Datenbanken

🗄️
PostgreSQL

Leistungsstarkes Open-Source-Datenbankmanagementsystem mit einem nahezu unendlichen Ökosystem von Erweiterungen, das Flexibilität und Leistung für jeden Projekttyp bietet.

Eine zuverlässige und vielseitige Datenbank, die Ihre Informationen organisiert und sicher speichert.

MongoDB

NoSQL-Dokumentendatenbank, die Datenflexibilität und an tatsächliche Bedürfnisse angepasste Schemas ermöglicht.

Eine flexible Datenbank, die sich leicht an Änderungen anpasst und verschiedene Informationen speichert.

PostgREST

Verwandelt eine Postgres-DB sofort in eine REST-API. Perfekt für einfache CRUD-Operationen und entlastet das Backend von repetitiven Aufgaben. In manchen Fällen ermöglicht es sogar, ein Backend vollständig zu umgehen für direkte und sichere Front/DB-Kommunikation.

Ein Werkzeug, das einfachen und sicheren Zugriff auf gespeicherte Daten ermöglicht, ohne viel Code schreiben zu müssen.

Ecto

Elixir-Bibliothek für Datenbankinteraktion, die Abfragen für maximale Leistung optimiert.

Ein Werkzeug, das eine effiziente Kommunikation mit Datenbanken ermöglicht und gute Leistung gewährleistet.

Werkzeuge

🛠️
Git

Unerlässlich für jede kollaborative Entwicklung, behält eine klare Aufzeichnung der Änderungen bei und erleichtert gleichzeitige Beiträge zum selben Projekt.

Ein System, das es mehreren Personen ermöglicht, ohne Konflikte am selben Projekt zu arbeiten und alle Änderungen zu verfolgen.

Docker

Gewährleistet perfekte Reproduzierbarkeit von Entwicklungsumgebungen im Team. Docker Compose vereinfacht die Orchestrierung mehrerer Dienste, und Swarm ermöglicht skalierbaren Produktionseinsatz.

Ein Werkzeug, das sicherstellt, dass die Website überall gleich funktioniert, unabhängig davon, wo und wie sie installiert ist.

VS Code

Moderner Code-Editor mit einer guten Balance zwischen Leichtgewicht und Funktionen. Sein Erweiterungssystem ermöglicht eine präzise Anpassung an jedes Projekt.

Ein intelligenter Texteditor für Entwickler, der je nach Projektanforderungen anpassbar ist.

Lighthouse

Wesentliches Audit-Tool zur objektiven Messung und Verbesserung von Webleistung und Umweltauswirkungen.

Ein Werkzeug, das Ihre Website analysiert und Verbesserungen vorschlägt, um sie schneller und umweltfreundlicher zu machen.

Methoden

📐
Barrierefreiheit

Gestaltung von Schnittstellen, die mit allen Geräten, Browsern und Nutzungsmodi kompatibel sind. Erweitert die potenzielle Zielgruppe und gewährleistet ein inklusives Benutzererlebnis.

Die Website für alle nutzbar machen, einschließlich Menschen mit Behinderungen oder solchen, die unterstützende Technologien verwenden.

Performance

Optimierung, die Ladezeiten und Ressourcennutzung reduziert. Bessere UX führt direkt zu reduzierten Infrastrukturkosten und erhöhten Conversions.

Sicherstellen, dass die Website schnell lädt und gut funktioniert, auch auf bescheidenen Geräten oder Verbindungen.

Öko-Design

Entwicklungsansatz zur Optimierung jeder Phase des Lebenszyklus digitaler Dienste, der Leistung und Effizienz in Einklang bringt.

Websites erstellen, die weniger Energie und Ressourcen verbrauchen, für geringere Umweltauswirkungen.

UX/UI

Intuitive Schnittstellen, die den tatsächlichen Bedürfnissen der Benutzer gerecht werden. Gutes UX/UI-Design reduziert Reibungspunkte und verbessert das Engagement der Benutzer.

Websites entwerfen, die einfach und angenehm zu benutzen sind und den tatsächlichen Bedürfnissen der Besucher entsprechen.

Berufserfahrung

Freelance Webentwickler

2025 - Heute

Unabhängig

Design und Entwicklung von Websites und Anwendungen für verschiedene Kunden mit besonderem Augenmerk auf Umweltauswirkungen.

Webmaster

2024 - 2025

Objethèque de Cornouaille

Integration und Entwicklung von Benutzeroberflächen zur Präsentation der Aktivitäten und Veranstaltungen des Vereins.

Ausbildung

Beruflicher Titel für Web- und Mobile-Web-Entwicklung

2025

Studi

RNCP Qualifikation Stufe 5, Full-Stack-Ausbildung (Backend und Frontend).

The Odin Project

2023 - 2024

Selbststudium

Kompletter Full-Stack-Webentwicklungslehrplan mit Schwerpunkt auf JavaScript und modernen Technologien.

Technologische Wachsamkeit

2022 - Heute

Verschiedene Quellen

Kontinuierliches Selbststudium durch Dokumentation, technische Blogs, Konferenzen und spezialisierte Webentwicklungs-Communities.

Ein Projekt im Sinn?

Kontaktieren Sie mich gerne für ein kostenloses, unverbindliches Angebot.

Kontakt

+33 7 81 33 97 68