Ingénieur Web Éthique • Matt Marcha

Bonjour,
Je suis un ingénieur web polyvalent, appliqué à articuler passions et valeurs.

Avec près de dix ans d’expérience dans l’ingénierie web & logicielle, j’œuvre à créer des solutions simples, durables et éthiques. Spécialisé en éco-conception, mes langages et technologies de prédilection sont Python/Odoo et PHP/WordPress.
Vous aussi êtes attaché·es à la souveraineté numérique, la protection des données, la réduction de l'empreinte carbone et le logiciel libre et open-source ? Travaillons ensemble !

Voir mon CV
Disponible au format: HTML • PDF

Me contacter
Disponible freelance et salariat

Portfolio

HTML to PDF

plugin Pelican

Capture d'écran de code Python avec coloration syntaxique. Le code déclare une

Description

Plugin pour Pelican permettant de générer des PDFs à partir du fichier HTML de pages et articles spécifiques.

Une fois Pelican choisi comme générateur de site statique pour mon site web professionnel, j'ai commencé à développer ce plugin afin d'automatiser la génération de mon CV au format PDF à partir de la version HTML, à chaque fois que cette dernière était regénérée. Étant donné qu'il me fallait exporter en PDF uniquement quelques pages, avec un style très précis défini en CSS, le plugin Pelican existant "PDF" ne me convenait pas.
Après une première version qui faisait parfaitement le taff bien qu'un peu rustique, le plugin a été refactorisé avec un code plus propre, un nom plus transparent, ainsi qu'une CI/CD réécrite pour Codeberg (Forgejo actions). Depuis la v2 le plugin est publié sur Pypi.

À l'heure actuelle le plugin se base sur wkhtmltopdf pour l'export. Ajouter le support de Paper Muncher est envisagé dans le cadre d'une amélioration future.

Tech stack

  • Python
  • Pelican
  • Wkhtmltopdf
  • PDF
  • Codeberg
  • Pypi
  • CI/CD

Odoocker

Containerized development environment

Screenshot of a syntax-coloured code on white background

Description

Odoo local environment boilerplate with Docker/Podman, for development purpose.

This started as a tool to help me manage multiple Odoo environments locally in different versions and with different configurations. I needed it fast and flexible, allowing to quickly switch from one project to another, udate configuration on-the-go and easily wipe out everything to start anew. It led to a reusable repository, configurable through .env file and Dockerfile, with an Odoo service, a PostgreSQL one for the database, and a mailcatcher (wich avoids embarassing mistake when working on real data).

This tool serves now as a basis in my company to share our development environments at work and keep track of clients specific configuration.

A wiki with useful documentation for Odoo development is attached to the project.

Tech stack

  • Odoo
  • Docker
  • Podman
  • Container
  • Environment
  • Development
  • PostgreSQL

Speciclass

E-commerce, Migration, Refonte graphique

screenshot of Speciclass website, white with pastel light brown and dark blue

Description

Site eCommerce pour une entreprise spécialisée dans les boites d'archive, faisant à la fois vitrine et vente des produits.

Un projet particulièrement stimulant que j'ai piloté dans son intégralité en plus d'assurer le développement. Le but principal était de migrer le site existant depuis WordPress+WooCommerce vers Prestashop afin de pouvoir intégrer la partie eCommerce avec l'ERP de la société. La migration devait conserver l'intégralité des fonctionnalités, en ajouter de nouvelles, et être l'opportunité d'effectuer une refonte graphique.
En tant que chef de projet j'ai travaillé en étroite collaboration avec le client afin de concevoir le nouveau site et ses fonctionnalités, géré le budget, rédigé la documentation, fait l'intermédiaire avec l'éditeur de l'ERP, géré la contractualisation avec la designer graphique, et endossé toutes les autres missions nécessaires au bon déroulemet du projet.
En tant que développeur, j'ai conçu de nombreux modules personnalisés Prestashop intégrant des fonctionnalités variées. Le CMS était en pleine transition vers le framework Symfony, et la cohabitation des deux codebases - Symfony & legacy - a ajouté pas mal de piment au développement. Les principales fonctionnalités impléementées :

  • Permettre la création et l'enregistrement de devis exportables en PDF, sans effet de bord sur les stocks et autre fonctionnalités natives
  • Calcul du prix de livraison en fonction du code postal et du poids, avec une interface de gestion de la grille tarifaire en back-office
  • Modification du système de paes du CMs pour ajouter une section blog
  • Fonctionnalité de sauvegarde du panier
  • Processus de commande adapté aux contraintes des certaines institutions et administrations, avec des étapes supplémentaires, des champs et des méthodes de paiement dédiées.
  • Remises basées sur le type de client et la quantité commandée
  • Personnalisation des templates de pages
  • Standardisation des données pour synchronisation avec l'ERP de l'entreprise (stocks, commandes, clients...)
  • Mise en conformité RGPD, migration de Google Analytics vers Matomo
  • Import du contenu depuis l'ancien site

Tech stack

  • Prestashop
  • PHP
  • HTML
  • CSS
  • JavaScript
  • Twig
  • Smarty
  • Symfony
  • POO
  • MVC pattern
  • Matomo
  • Git
  • ERP

La Gonette

Blog/News, Design personnalisé

Capture d'écran du site web La Gonette, un design classique blanc et orange

Description

Site web pour l'association à but non lucratif maintenant la monnaie locale de Lyon, appelée la Gonette. L'objectif principal du site web est de fournir les informations adéquates selon le type de visiteur, de rediriger vers le processus d'adhésion approprié, et de proposer un flux d'actualité à travers le blog. Un des besoins important était d'avoir un back-office utilisable par les différentes équipes de l'associaton pour éditer ou ajouter du contenu, devant être à la fois sécurisé et facile d'utilisation.

Ce projet s'est effectué en collaboration avec deux autres freelance en charge du contenu et de l'identité graphique, ainsi qu'avec la responsable Communication de l'association et l'équipe de développeurs bénévoles. Un premier travail de conception a été effectué avec une attention toute particulère pour l'accessibilité et l'empreinte carbone, puis je me suis concentré sur la partie technique : coniguration du CMS et développement de plugins et thème personnalisés.

Quelques fonctionnalités que j'ai apprécié développer :

  • Une interface de navigation et recherche dans les profils adhérents pro à l'association. Elle rend possible de rechercher par nom, activité, emplacement, type, dans un répertoire rempli depuis le CRM de l'association grâce à l'API WordPress.
  • Des blocs et interfaces personnalisées dans l'édituer de blocs Gutenberg, permettant aux utilisateur•ices finales d'éditer facilement le contenu sans risque de nuire à la charte graphique.

Tech stack

  • WordPress
  • PHP
  • HTML
  • CSS
  • Javascript
  • AJAX
  • Gutenberg
  • REST API
  • Git
  • Composer

#SansFiltre

Visualisation de données

screenshot of #SansFiltre website with white and blue design. A sidebar shows horizontal bars of different lengths and colors, and some labels with a closing buttons are displayed above the content.

Description

Site permettant un suivi d'informations sur le statut politique des mesures de la Convention Citoyenne pour le Climat, pour l'association "Les 150".

Base WordPress afin d'offrir une interface facile d'utilisation pour les membres de la Convention voulant effectuer des mises à jour de contenu. Il s'agit d'un projet bénévole développé seul à partir de l'idée et des directives d'un autre membre de la Convention. Il s'agit de mon premier (et unique) site web à passer à la télé !

Réalisations principales :

  • Intégration d'après maquette
  • Script d'import des propositions et de leur description depuis le site des propositions de la Convention Citoyenne pour le Climat
  • Outils de filtrage
  • Rédaction des mentions légales et RGPD

Tech stack

  • WordPress
  • PHP
  • HTML
  • CSS
  • Javascript
  • Git

Spéciclass

E-Commerce

screenshot of the Spéciclass website, showing a grid of office products with a white and light brown design.

Description

Transformation d'un site vitrine/catalogue en une plateforme e-commerce en conservant le site et les fonctionnalités existantes.

Réalisations principales :

  • Gestion du projet
  • Intégration du e-commerce au site existant
  • Mise en place des fonctionnalités e-commerce (produits, promotions, devis, paiement...)
  • Formation à la gestion de la boutique
  • Adaptations graphiques sur le site

Tech stack

  • WordPress
  • WooCommerce
  • PHP
  • HTML
  • CSS
  • Javascript
  • Git

Blandine Vincent

Site vitrine

Capture d'écran du site web

Description

Site d'information et de contact pour une naturopathe et diététicienne lyonnaise. Exploitation du CMS Wordpress pour une gestion autonome du contenu et une utilisation facilitée de la fonctionnalité de blog. Projet mené seul sur la base des besoins exprimés par la cliente.
Réalisations principales :

  • Design
  • Optimisation pour moteurs de recherche (SEO)
  • Mise en place des pages et contenus
  • Formation à la gestion autonome du contenu
  • Gestion des mentions légales et RGPD

Tech stack

  • WordPress
  • PHP
  • HTML
  • CSS

PCIC

Gestion événementielle

screenshot of the PCIC website, with white and green design.

Description

Plateforme web d'inscription et de gestion évenementielle développée pour des conférences internationales annuelles. Le back-office intègre des outils permettant de gérer les inscrits et les événements, en plus des fonctionnalirés de gestion de contenu du CMS WordPress.

J'ai travaillé sur ce projet en tant que chef de projet technique et développeur de 2019 à 2022. La plateforme est basée sur WordPress avec des plugins personnalisés pour la gestion événementielle et les inscriptions, en lien avec des plugins tiers pour la partie paiement et eCommerce. J'ai entièrement conçu et développé les plugins personnalisés en me basant sur une architecture MVC pour WordPress maison. Au fil des ans, plusieurs fontionnalités ont été ajoutées et améliorées :

  • Formulaire d'enregistrement participante, et interface utilisateur de gestion de son inscription
  • Authentification des participants
  • Outils back-office de gestion des participantes
  • Génération de badges au format PDF
  • Enregistrement de groupes
  • Tarification différenciée en fonction des critères multiples (age, date, nombre d'inscriptions...)
  • Paiement en ligne et statuts d'inscription
  • Gestion multiévènements
  • Export et import de données
  • Fonctionnalités de mise en conformité RGPD

Tech stack

  • WordPress
  • WooCommerce
  • PHP
  • OOP
  • MVC pattern
  • HTML
  • CSS
  • mPDF
  • Git
  • JavaScript
  • jQuery