About me

I'm a web developer passionate about creating high-performance and environmentally-friendly digital experiences. Based in Rennes(France), available for projects in Nantes, Paris, Berlin or remote work.

My vision

Digital technology now represents a growing part of our carbon footprint. As a web developer, I'm committed to designing websites and applications that minimize their environmental impact without compromising user experience.

Josselin HANEL - Full Stack Developer

My approach

  • Eco-design : I favor lightweight solutions that consume fewer server resources and less bandwidth.

  • Performance : A fast website is more pleasant to use and consumes less energy on the user side.

  • Accessibility : I design interfaces accessible to everyone, regardless of disability or device used.

  • Sustainability : I build websites with lasting technologies that can be maintained over the long term.

Technical skills

Frontend

🖥️
Astro

Modern, framework-agnostic web builder generating mostly static HTML, providing excellent natural SEO and optimal performance without imposing technology choices.

CSS Pro

Advanced CSS techniques for responsive design and smooth animations, reducing reliance on resource-intensive JavaScript.

Tailwind

Utility CSS framework that greatly facilitates collaborative work and responsive design management. Its CSS purging in production guarantees ultra-optimized stylesheets.

TypeScript

Typed superset of JavaScript for more robust and maintainable code, reducing errors and technical debt.

HTMX

Ultra-lightweight library (~14kb) adding AJAX and WebSocket capabilities directly to HTML. A simple script is all it takes to integrate it on the fly when needed.

Alpine.js

Micro JavaScript framework that shines precisely where modern CSS falls short. Perfect for state management without resorting to a heavy framework, while maintaining a minimal footprint.

Backend

⚙️
Express

Minimalist Node.js framework, quick to implement and resource-efficient under light loads, ideal for simple to moderately complex APIs.

WebSocket

Bidirectional communication protocol ideal for interactive applications, much more resource-efficient than repeated HTTP requests.

Elixir

Functional language designed for concurrency, offering better scalability and performance than Node.js for heavy workloads.

Phoenix

High-performance Elixir framework featuring LiveView, enabling real-time interfaces without client-side JavaScript.

Databases

🗄️
PostgreSQL

Powerful open-source relational DBMS with an almost infinite ecosystem of extensions, offering flexibility and performance for any project type.

MongoDB

NoSQL document database enabling data flexibility and schemas adapted to actual needs.

PostgREST

Instantly transforms a Postgres DB into a REST API. Perfect for simple CRUD operations and relieves the backend of repetitive tasks. In some cases, even allows completely bypassing a backend for direct and secure front/DB communication.

Ecto

Elixir library for database interaction, optimizing queries for maximum performance.

Tools

🛠️
Git

Essential for any collaborative development, maintains a clear record of changes and facilitates simultaneous contributions to the same project.

Docker

Ensures perfect reproducibility of dev environments across team members. Docker Compose simplifies orchestration of multiple services, and Swarm enables scalable production deployment.

VS Code

Modern code editor with a good balance between lightweight and features. Its extension system allows precise adaptation to each project.

Lighthouse

Essential audit tool for objectively measuring and improving web performance and environmental impact.

Methodologies

📐
Accessibility

Designing interfaces compatible with all devices, browsers and usage modes. Expands potential audience and ensures an inclusive user experience.

Performance

Optimization that reduces loading times and resource usage. Better UX directly translates to reduced infrastructure costs and increased conversions.

Eco-design

Development approach aimed at optimizing each step of the digital service lifecycle, balancing performance and efficiency.

UX/UI

Intuitive interfaces that meet the actual needs of users. Good UX/UI design reduces friction and improves user engagement.

Professional experience

Freelance web developer

2025 - Present

Independent

Design and development of websites and applications for various clients with special attention to environmental impact.

Webmaster

2024 - 2025

Objethèque de Cornouaille

Integration and development of user interfaces to showcase the association's activities and events.

Education

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.

Interested in working together?

I am available for short-term or long-term assignments, team projects or web eco-design consultations.

Contact me