À propos de moi

Je suis un développeur web passionné par la création d'expériences numériques performantes et respectueuses de l'environnement. Basé à Rennes et également disponible pour des projets à Nantes, Paris, Berlin ou en télétravail.

Ma vision

Le numérique représente aujourd'hui une part croissante de notre empreinte carbone. En tant que développeur web, je m'engage à concevoir des sites et applications qui minimisent leur impact environnemental sans compromettre l'expérience utilisateur.

Josselin HANEL - Développeur Full Stack

Mon approche

  • Éco-conception : Je privilégie des solutions légères qui consomment moins de ressources serveur et moins de bande passante.

  • Performance : Un site rapide est plus agréable à utiliser et consomme moins d'énergie côté utilisateur.

  • Accessibilité : Je conçois des interfaces accessibles à tous, quel que soit le handicap ou l'appareil utilisé.

  • Durabilité : Je construis des sites avec des technologies pérennes et maintenables sur le long terme.

Compétences techniques

Frontend

🖥️
Astro

Framework web agnostique générant principalement du HTML statique, offrant un excellent SEO naturel et des performances optimales sans imposer de choix technologiques.

CSS Pro

Techniques CSS avancées pour un design responsive et des animations fluides, limitant le recours au JavaScript coûteux en ressources.

Tailwind

Framework CSS utilitaire qui facilite énormément le travail collaboratif et la gestion du responsive. Sa purge CSS en production garantit des feuilles de style ultra-optimisées.

TypeScript

Sur-ensemble typé de JavaScript pour un code plus robuste et maintenable, réduisant les erreurs et la dette technique.

HTMX

Bibliothèque ultra-légère (~14kb) ajoutant des capacités AJAX et WebSocket directement au HTML. Un simple script suffit pour l'intégrer à la volée quand le besoin s'en fait sentir.

Alpine.js

Micro-framework JavaScript qui brille précisément là où le CSS moderne ne suffit plus. Parfait pour gérer les états sans recourir à un framework lourd, tout en gardant une empreinte minimale.

Backend

⚙️
Express

Framework Node.js minimaliste, rapide à mettre en place et économe en ressources sous faible charge, idéal pour des APIs simples à moyennement complexes.

WebSocket

Protocole de communication bidirectionnelle idéal pour les applications interactives, bien plus économe en ressources que les requêtes HTTP répétées.

Elixir

Langage fonctionnel conçu pour la concurrence, offrant une meilleure scalabilité et performance que Node.js pour des charges importantes.

Phoenix

Framework Elixir haute performance incluant LiveView, permettant de créer des interfaces temps réel sans JavaScript côté client.

Bases de données

🗄️
PostgreSQL

SGBD relationnel open-source puissant avec un écosystème d'extensions quasi infini, offrant flexibilité et performances pour tout type de projet.

MongoDB

Base de données NoSQL orientée documents permettant une flexibilité des données et des schémas adaptés aux besoins réels.

PostgREST

Transforme une BDD Postgres en API REST instantanément. Idéal pour des CRUD simples et soulage le backend des tâches répétitives. Dans certains cas, permet même de se passer complètement de backend pour une communication front/BDD directe et sécurisée.

Ecto

Bibliothèque Elixir pour l'interaction avec les bases de données, optimisant les requêtes pour des performances maximales.

Outils

🛠️
Git

Essentiel pour tout développement collaboratif, permet de garder une trace claire des modifications et facilite les contributions simultanées sur un même projet.

Docker

Assure une reproductibilité parfaite des environnements de dev entre les membres d'une équipe. Docker Compose simplifie l'orchestration de services multiples, et Swarm permet un déploiement scalable en production.

VS Code

Éditeur de code moderne avec un bon équilibre entre légèreté et fonctionnalités. Son système d'extensions permet de l'adapter précisément à chaque projet.

Lighthouse

Outil d'audit essentiel pour mesurer et améliorer objectivement les performances web et l'impact environnemental.

Méthodologies

📐
Accessibilité

Conception d'interfaces compatibles avec tous les appareils, navigateurs et modes d'utilisation. Élargit l'audience potentielle et assure une expérience utilisateur inclusive.

Performance

Optimisation qui réduit les temps de chargement et l'utilisation des ressources. Une meilleure UX se traduit directement par une réduction des coûts d'infrastructure et une augmentation des conversions.

Éco-conception

Approche de développement visant à optimiser chaque étape du cycle de vie des services numériques, conciliant performance et sobriété.

UX/UI

Interfaces intuitives qui répondent aux besoins réels des utilisateurs. Une bonne conception UX/UI réduit les frictions et améliore l'engagement des utilisateurs.

Expérience professionnelle

Développeur web freelance

2025 - Aujourd'hui

Indépendant

Conception et développement de sites web et applications pour des clients variés avec une attention particulière à l'impact environnemental.

Webmaster

2024 - 2025

Objethèque de Cornouaille

Intégration et développement d'interfaces utilisateur pour mettre en valeur les activités et évènements de l'association.

Formation

TP développeur web et web mobile

2025

Studi

Titre RNCP de niveau 5, formation full stack (backend et frontend).

The Odin Project

2023 - 2024

Auto-formation

Parcours complet de développement web full stack avec focus sur JavaScript et technologies modernes.

Veille technologique

2022 - Présent

Sources diverses

Auto-formation continue à travers documentation, blogs techniques, conférences et communautés spécialisées en développement web.

Intéressé par une collaboration?

Je suis disponible pour des missions ponctuelles ou longue durée, des projets d'équipe ou des consultations en éco-conception web.

Me contacter