Maël SALLON

HWIKI est un blog technique que j’ai entièrement développé dans le but de documenter mes apprentissages en informatique et de consolider mes compétences en conditions réelles. Le projet repose sur une approche fullstack, allant du développement web à la gestion de l’infrastructure.

La plateforme est conçue et maintenue entièrement à la main, ce qui me permet de travailler sur l’ensemble de la stack technique : backend, frontend, base de données et déploiement.

Côté technique, HWIKI s’appuie sur PHP (CodeIgniter 4), une base de données MariaDB, et une interface dynamique en JavaScript. Le front-end est développé en CSS personnalisé, sans framework, afin de garder un contrôle total sur le design et l’expérience utilisateur.

Le projet inclut notamment :

• un système de gestion d’articles avec rendu en Markdown
• une organisation du contenu optimisée pour le SEO
• une gestion des images et des ressources statiques
• une architecture MVC claire et maintenable
• un système de vues basé sur l’adresse IP

En parallèle du développement, HWIKI me sert de plateforme de publication pour des contenus techniques approfondis, notamment sur le développement web, les réseaux et l’infrastructure. Les articles sont rédigés dans un style à la fois accessible et technique, proche d’une documentation.

Le projet s’inscrit également dans une démarche d’autonomie technique, avec l’hébergement et le déploiement sur une infrastructure personnelle.

HWIKI est ainsi à la fois un blog, un laboratoire technique et un support d’apprentissage continu.

Toto est une infrastructure personnelle avancée que j’ai conçue et déployée afin de gagner en autonomie sur les services web et de reproduire un environnement proche des architectures professionnelles.

L’infrastructure repose sur un cluster Proxmox en haute disponibilité (HA) composé de plusieurs nœuds physiques, permettant la migration à chaud des machines virtuelles et assurant la continuité de service en cas de défaillance matérielle. Proxmox VE permet de simuler des scénarios réels de tolérance aux pannes et de gestion de charge.

Les services sont déployés au sein de conteneurs LXC et de machines virtualisées, selon leurs besoins en isolation et en performances. L’architecture est modulaire, facilitant la maintenance, les mises à jour et l’évolution de la plateforme.

L’infrastructure est segmentée via plusieurs VLANs (administration, services internes, DMZ, stockage, utilisateurs), avec un routage inter-VLAN contrôlé. Cette segmentation permet d’isoler les flux critiques, de limiter la surface d’attaque et de reproduire une architecture sécurisée proche des standards en entreprise. En savoir plus sur les VLANs

La gestion du réseau repose sur un firewall dédié sous OPNsense, assurant le routage, la segmentation et le contrôle des flux entre les différents VLANs.

Un reverse proxy HAProxy est exposé en frontal afin de distribuer les services web. Les flux entrants arrivent directement sur l’infrastructure, permettant un contrôle fin du routage, du chiffrement TLS et des politiques d’accès. Découvrir HAProxy

L’infrastructure intègre également plusieurs composants essentiels :

• un bastion d’administration (jump server) pour les accès sécurisés
• un contrôleur de domaine Active Directory pour la gestion centralisée de l’authentification
• une passerelle mail sécurisée (antispam / antivirus) via Proxmox Mail Gateway
• des systèmes de supervision et de monitoring
• une séparation des services par rôle (web, base de données, automatisation, médias)

Parmi les services auto-hébergés :

• Nextcloud : stockage et synchronisation de fichiers
• OnlyOffice : édition collaborative de documents
• Vaultwarden : gestionnaire de mots de passe
• Navidrome : streaming musical
• Jellyfin : serveur multimédia
• serveur mail complet (SMTP, IMAP, webmail)
• services web personnels (dont HWIKI et portfolio)
• bots automatisés (Discord, scripts)
• bases de données (MariaDB, PostgreSQL)

Cette infrastructure me permet de travailler sur des problématiques concrètes telles que :

• haute disponibilité et tolérance aux pannes
• virtualisation distribuée
• sécurité réseau et segmentation
• déploiement et maintenance de services auto-hébergés
• administration système Linux

Le projet est en constante évolution et me sert de laboratoire pour tester, déployer et maintenir des architectures complexes en conditions réelles, avec une logique d’auto-hébergement complet et une réduction maximale de la dépendance aux services externes.

Poudra-Pop est une plateforme e-commerce développée from scratch dans le cadre d’un projet académique en conception et développement d’applications. Réalisé intégralement en autonomie (projet initialement prévu en binôme), ce projet avait pour objectif de mettre en pratique l’ensemble du cycle de conception et de développement d’une application web complète.

Le projet repose sur une architecture MVC avec PHP (CodeIgniter 4), une base de données MariaDB, et une interface dynamique en JavaScript (jQuery + AJAX). L’intégralité du front-end a été développée en CSS personnalisé, sans framework.

Une attention particulière a été portée à la conception de la base de données, avec la réalisation de modèles MCD et MLD, et la mise en place d’une structure relationnelle classique pour un e-commerce (utilisateurs, produits, commandes, lignes de commande, catégories).

Côté fonctionnalités, l’application propose :

• une authentification utilisateur via Google OAuth
• un système de panier et de simulation de commande
• une gestion des commandes côté utilisateur
• des échanges asynchrones avec le serveur via AJAX

Le paiement est volontairement simulé afin de se concentrer sur la logique applicative et les flux utilisateurs.

L’un des aspects centraux du projet réside dans sa direction artistique : une interface volontairement enfantine, colorée et ludique, contrastant avec le sous-texte du produit proposé. À travers les descriptions, les noms de produits et certains éléments textuels, le site suggère subtilement une double lecture, créant une expérience utilisateur originale et immersive.

Ce projet m’a permis de consolider mes compétences en :

• conception de bases de données relationnelles
• développement backend en architecture MVC
• gestion des sessions et authentification
• interactions client/serveur en AJAX
• intégration front-end complète sans framework

Goldatio est l’un de mes tout premiers projets en programmation, réalisé en 2021 alors que j’avais 14 ans. Il s’agit d’un moteur de résumé automatique basé sur Wikipedia, développé en Python avec une interface graphique construite via Tkinter.

L’objectif était simple : permettre à un utilisateur de saisir un sujet (personne, concept, objet...) et d’obtenir automatiquement un résumé structuré, accompagné d’une traduction en anglais. Pour cela, Goldatio s’appuie sur l’API wikipedia ainsi que sur la bibliothèque googletrans.

Ce projet intègre plusieurs fonctionnalités qui, à l’époque, représentaient mes premières expérimentations concrètes avec des outils réels :

• recherche de sujets via une API externe
• génération automatique de résumés (jusqu’à 28 phrases)
• traduction automatique des contenus
• copie dans le presse-papiers (pyperclip)
• envoi de résultats par email via SMTP
• sauvegarde et chargement de fichiers
• interface dynamique avec redimensionnement

Goldatio a été développé comme une première tentative de créer un assistant capable de rechercher, traiter et restituer de l’information automatiquement, bien avant la démocratisation des outils d’intelligence artificielle modernes comme ChatGPT.

Avec le recul, ce projet représente mes premiers pas dans des concepts que je continue d’explorer aujourd’hui : interaction avec des API, automatisation, traitement de données et création d’outils utiles.

Goldatio est aujourd’hui archivé et conservé dans son état d’origine, comme témoin de mon évolution technique et de mon approche du développement.

Une nouvelle version de Goldatio est actuellement en cours de développement...