Ü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 Quimper, 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

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.

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.

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.

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.

Backend

⚙️
Astro + Workers

Ultraleichte Edge-First-Architektur: Astro für statisches/SSR-Rendering mit integrierten API-Routen, ergänzt durch Workers (Cloudflare/Deno) für Edge-seitige Geschäftslogik. Astro-Endpoints verarbeiten problemlos Formulare, Webhooks und einfache APIs. Ideal für Websites mit geringer/mittlerer Backend-Interaktivität. Vernachlässigbare Kosten, maximale Leistung.

Astro erstellt Seiten und Anweisungsrouten für schlafende Agenten (Workers), die nur bei Bedarf aufwachen und dann wieder einschlafen. Wirtschaftlicher und ökologischer als ein 24/7-laufender Server.

Supabase

Verwaltetes Backend für traditionelle Anforderungen (CRUD, Auth, Storage). PostgreSQL + PostgREST, das automatisch eine REST-API aus Ihrem Datenbankschema generiert. Ideal für schnellen Einstieg. Sobald Interaktivität oder Geschäftslogik komplex werden, wird Phoenix relevanter.

Ein Service, der Ihre Daten speichert und Benutzeranmeldungen verwaltet, ohne einen Server installieren oder warten zu müssen. Ideal für schnellen Einstieg.

Phoenix (Elixir)

Custom-Backend für interaktive Anwendungen, Echtzeit und hohe Lasten. LiveView eliminiert clientseitiges JavaScript für reaktive Schnittstellen. Hervorragend für intensive Echtzeit-Funktionen und die Verarbeitung von Tausenden gleichzeitiger Besucher mit minimalem Ressourcenverbrauch. Wirtschaftlicher im großen Maßstab.

Ein vollständiger Server, den man vollständig kontrolliert. Mehr Anfangsarbeit, aber hervorragend für intensive Echtzeit-Funktionen und die Verarbeitung von Tausenden gleichzeitiger Besucher mit minimalem Ressourcenverbrauch. Wirtschaftlicher im großen Maßstab.

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.

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.

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.

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.

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 & Öko-Design

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