<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Portfolio | AlexIn Tech</title><link>https://alexin.tech/fr/project/</link><atom:link href="https://alexin.tech/fr/project/index.xml" rel="self" type="application/rss+xml"/><description>Portfolio</description><generator>Hugo Blox Builder (https://hugoblox.com)</generator><language>fr</language><lastBuildDate>Tue, 19 Nov 2024 00:00:00 +0000</lastBuildDate><image><url>https://alexin.tech/media/icon_hu_69c804372a707b16.png</url><title>Portfolio</title><link>https://alexin.tech/fr/project/</link></image><item><title>Eval — une application pour créer, faire passer et corriger les évaluations</title><link>https://alexin.tech/fr/2026/09/10/eval-plateforme-evaluation/</link><pubDate>Thu, 10 Sep 2026 00:00:00 +0000</pubDate><guid>https://alexin.tech/fr/2026/09/10/eval-plateforme-evaluation/</guid><description>&lt;p>&lt;strong>Projet :&lt;/strong> une application interne pour les évaluations de mon école.
&lt;strong>Mon rôle :&lt;/strong> conception et développement full-stack, du workflow enseignant à l’interface élève, avec intégration Microsoft Entra ID.&lt;/p>
&lt;h2 id="pourquoi-jai-créé-eval">Pourquoi j’ai créé Eval&lt;/h2>
&lt;p>Pour un enseignant, préparer les questions n’est qu’une partie du travail. Il faut aussi faire passer l’évaluation, suivre les remises, corriger les copies, publier les notes et gérer les rattrapages. Sans compter les échanges de matériel entre collègues.&lt;/p>
&lt;p>C’est un besoin que je connais bien en tant qu’enseignant IT. J’ai donc développé &lt;strong>Eval&lt;/strong> pour regrouper ces étapes dans une seule application, avec un workflow adapté au travail en classe.&lt;/p>
&lt;h2 id="aperçu-de-lapplication">Aperçu de l’application&lt;/h2>
&lt;figure>
&lt;img src="https://alexin.tech/media/portfolio/eval-login-preview_hu_10a264a3968a58c0.webp" width="1400" height="858" loading="lazy" alt="Aperçu de l’écran d’accueil Eval avec connexion Microsoft 365 ; informations d’identification retirées">
&lt;figcaption>Aperçu adapté pour le portfolio : les informations d’identification ont été retirées.&lt;/figcaption>
&lt;/figure>
&lt;figure>
&lt;a href="https://alexin.tech/media/portfolio/eval-dashboard-preview_hu_1e1dfa7548747457.webp" aria-label="Agrandir le tableau de bord Eval">
&lt;img src="https://alexin.tech/media/portfolio/eval-dashboard-preview_hu_1e1dfa7548747457.webp" width="1800" height="771" loading="lazy" alt="Tableau de bord enseignant Eval : évaluations, groupes, suivi et modules, sans dossier élève affiché">
&lt;/a>
&lt;figcaption>L’espace enseignant : préparer les évaluations, organiser les groupes et suivre les corrections. Cliquez sur l’image pour l’agrandir.&lt;/figcaption>
&lt;/figure>
&lt;h2 id="les-fonctionnalités">Les fonctionnalités&lt;/h2>
&lt;ul>
&lt;li>&lt;strong>Préparer ses évaluations :&lt;/strong> QCM, associations, réponses courtes, texte libre, code, maths ou fichiers à rendre, avec le corrigé et le barème.&lt;/li>
&lt;li>&lt;strong>Partager entre collègues :&lt;/strong> réutiliser une évaluation ou en créer un fork pour l’adapter, sans toucher à l’original.&lt;/li>
&lt;li>&lt;strong>Suivre le travail des élèves :&lt;/strong> gérer les groupes, attribuer les évaluations et voir où en sont les remises. L’autosave accompagne aussi bien l’enseignant que l’élève.&lt;/li>
&lt;li>&lt;strong>Assister la correction :&lt;/strong> correction automatique pour les réponses structurées et suggestions de l’IA pour les réponses ouvertes.&lt;/li>
&lt;li>&lt;strong>Garder la main sur les notes :&lt;/strong> comparer la réponse de l’élève au corrigé, lire le feedback proposé, ajuster les points et publier quand tout est prêt.&lt;/li>
&lt;li>&lt;strong>Gérer la suite :&lt;/strong> permettre la consultation des résultats et organiser les rattrapages.&lt;/li>
&lt;/ul>
&lt;h2 id="lia-en-appui-lenseignant-garde-la-main">L’IA en appui, l’enseignant garde la main&lt;/h2>
&lt;p>J’ai conçu l’intégration IA pour assister la correction tout en laissant la décision finale à l’enseignant. Ses suggestions s’appuient sur les réponses de référence et les critères définis par l’enseignant. Celui-ci peut les relire, les ajuster et décider de ce qui sera publié.&lt;/p>
&lt;p>Cette approche de l’IA m’intéresse particulièrement : l’intégrer à un workflow existant, avec des propositions que l’utilisateur peut vérifier et ajuster.&lt;/p>
&lt;h2 id="côté-stack">Côté stack&lt;/h2>
&lt;p>L’application est développée avec &lt;strong>Laravel, Vue et Inertia&lt;/strong>, et intègre &lt;strong>Microsoft Entra ID&lt;/strong> pour le login avec le compte scolaire.&lt;/p>
&lt;p>Ce projet m’a permis de travailler sur l’ensemble de l’application : logique backend, interface frontend, intégration au système existant et automatisation du workflow. Le point de départ reste un problème du quotidien, auquel j’ai voulu apporter une réponse avec du code.&lt;/p>
&lt;p>&lt;em>Eval est une application interne à l’école, sans démonstration publique.&lt;/em>&lt;/p>
&lt;h2 id="vous-avez-aussi-un-workflow-à-simplifier-">Vous avez aussi un workflow à simplifier ?&lt;/h2>
&lt;p>Je propose du &lt;a href="https://alexin.tech/fr/services/">consulting IT, du dev sur mesure et du hosting&lt;/a>. &lt;a href="mailto:alexis@alexin.tech">Parlons de ce qui vous ferait gagner du temps&lt;/a>.&lt;/p></description></item><item><title>The META — mon application nutrition pour iOS et Android</title><link>https://alexin.tech/fr/2026/08/15/the-meta-application-nutrition/</link><pubDate>Sat, 15 Aug 2026 00:00:00 +0000</pubDate><guid>https://alexin.tech/fr/2026/08/15/the-meta-application-nutrition/</guid><description>&lt;p>&lt;strong>Projet :&lt;/strong> The META, mon application de suivi nutritionnel sous la marque AlexIn Motion.
&lt;strong>Mon rôle :&lt;/strong> conception et développement de l’application mobile, du backend et de l’interface web pour le coach.
&lt;strong>Plateformes :&lt;/strong> iOS et Android.&lt;/p>
&lt;h2 id="doù-vient-lidée-">D’où vient l’idée ?&lt;/h2>
&lt;p>Noter ses repas tous les jours peut vite devenir fastidieux. J’ai créé &lt;strong>The META&lt;/strong> pour rendre cette saisie plus simple, regrouper les informations utiles dans un journal et permettre au coach de suivre ses clients.&lt;/p>
&lt;p>Ce projet réunit deux de mes centres d’intérêt : la nutrition et le développement. Il m’a permis d’intégrer de l’IA à une application pensée pour un usage quotidien.&lt;/p>
&lt;h2 id="les-fonctionnalités">Les fonctionnalités&lt;/h2>
&lt;ul>
&lt;li>&lt;strong>Plusieurs façons d’ajouter un repas :&lt;/strong> le décrire, photographier son assiette ou une étiquette, scanner un code-barres, saisir les ingrédients ou reprendre un favori.&lt;/li>
&lt;li>&lt;strong>Une saisie assistée par IA :&lt;/strong> elle propose une estimation à partir du texte ou des photos. L’utilisateur peut vérifier et modifier le résultat avant de confirmer.&lt;/li>
&lt;li>&lt;strong>Un journal quotidien :&lt;/strong> repas, calories, macros, pas et poids, regroupés au même endroit.&lt;/li>
&lt;li>&lt;strong>Un suivi dans le temps :&lt;/strong> historique, graphiques et évolution des mensurations.&lt;/li>
&lt;li>&lt;strong>Des intégrations natives :&lt;/strong> synchronisation des pas avec Apple HealthKit sur iOS et Health Connect sur Android.&lt;/li>
&lt;li>&lt;strong>Une UI personnalisable :&lt;/strong> plusieurs langues, light mode, dark mode et choix des couleurs d’accent.&lt;/li>
&lt;li>&lt;strong>Un espace coach :&lt;/strong> une application web pour consulter les journaux, suivre l’évolution des clients et ajuster leurs objectifs.&lt;/li>
&lt;/ul>
&lt;h2 id="quelques-screenshots">Quelques screenshots&lt;/h2>
&lt;p>Voici le journal et l’écran d’analyse des repas. Le dernier visuel a un titre en espagnol, mais les trois captures montrent l’UI en français.&lt;/p>
&lt;figure class="project-journal">
&lt;a href="https://alexin.tech/media/portfolio/meta-journal-fr_hu_f0dcc2cfb36290b2.webp" aria-label="Agrandir le journal The META">
&lt;img src="https://alexin.tech/media/portfolio/meta-journal-fr_hu_f0dcc2cfb36290b2.webp" width="900" height="1947" loading="lazy" alt="Journal quotidien The META : pas, poids, calories et macronutriments">
&lt;/a>
&lt;figcaption>Le journal quotidien réunit les repas et les indicateurs de suivi.&lt;/figcaption>
&lt;/figure>
&lt;div class="project-gallery">
&lt;figure>
&lt;img src="https://alexin.tech/media/portfolio/meta-analysis-fr_hu_e5383f8ba151b6a1.webp" width="720" height="1558" loading="lazy" alt="The META : écran vide de saisie des repas, visuel promotionnel français">
&lt;figcaption>Visuel promotionnel français&lt;/figcaption>
&lt;/figure>
&lt;figure>
&lt;img src="https://alexin.tech/media/portfolio/meta-analysis-es_hu_86ef86228dbb5cb6.webp" width="720" height="1558" loading="lazy" alt="The META : écran vide de saisie des repas, visuel promotionnel espagnol">
&lt;figcaption>Visuel promotionnel espagnol&lt;/figcaption>
&lt;/figure>
&lt;/div>
&lt;h2 id="du-mobile-au-backend">Du mobile au backend&lt;/h2>
&lt;p>J’ai développé l’application avec &lt;strong>React Native, Expo et TypeScript&lt;/strong>, ainsi qu’un &lt;strong>backend PHP&lt;/strong> et une interface web pour le coach.&lt;/p>
&lt;p>Le développement couvre la caméra, le scan de codes-barres, les intégrations natives, les graphiques, la localisation et les échanges avec l’API. Ce travail sur l’ensemble du produit illustre ma capacité à développer une application complète, du frontend aux services backend.&lt;/p>
&lt;p>L’IA intervient pour faciliter l’ajout d’un repas, avec une validation avant son enregistrement dans le journal. Les valeurs proposées restent des estimations nutritionnelles, pas des mesures exactes.&lt;/p>
&lt;p>&lt;em>Projet privé : les screenshots présentés ici donnent un aperçu de l’application.&lt;/em>&lt;/p>
&lt;h2 id="vous-avez-un-projet-dapplication-">Vous avez un projet d’application ?&lt;/h2>
&lt;p>Découvrez mes &lt;a href="https://alexin.tech/fr/services/">services de dev sur mesure et de consulting IT&lt;/a> ou &lt;a href="mailto:alexis@alexin.tech">écrivez-moi pour en discuter&lt;/a>.&lt;/p></description></item><item><title>Hourly Wage Calculator - un scrip PowerShell pour calculer votre salaire horaire</title><link>https://alexin.tech/fr/2023/08/03/hourly-wage-calculator-un-scrip-powershell-pour-calculer-votre-salaire-horaire/</link><pubDate>Thu, 03 Aug 2023 00:00:00 +0000</pubDate><guid>https://alexin.tech/fr/2023/08/03/hourly-wage-calculator-un-scrip-powershell-pour-calculer-votre-salaire-horaire/</guid><description>&lt;div class="article-story">
&lt;p>&lt;strong>Client:&lt;/strong> Projet perso&lt;/p>
&lt;p>&lt;strong>Description du projet:&lt;/strong> Un script PowerShell pour calculer votre salaire horaire brut et net
&lt;strong>Date:&lt;/strong> 03 Août 2023&lt;/p>
&lt;h2 id="projet">Projet:&lt;/h2>
&lt;p>Ce script PowerShell fournit une interface utilisateur graphique pour permettre aux utilisateurs de calculer leur salaire horaire brut et net en fonction de leur salaire mensuel et du nombre d&amp;rsquo;heures travaillées par semaine.Voici le lien du projet sur GitHub : &lt;a href="https://github.com/AlexIn-Tech/hourly-wage-calculator" target="_blank" rel="noopener">https://github.com/AlexIn-Tech/hourly-wage-calculator&lt;/a>&lt;/p>
&lt;h3 id="prérequis">Prérequis&lt;/h3>
&lt;p>Système d&amp;rsquo;exploitation Windows&lt;/p>
&lt;p>PowerShell 5.1 ou supérieur&lt;/p>
&lt;h3 id="utilisation">Utilisation&lt;/h3>
&lt;p>Clonez ce dépôt sur votre machine locale ou téléchargez le fichier hourly-wage-calculator.ps1.&lt;/p>
&lt;p>Ouvrez PowerShell.&lt;/p>
&lt;p>Accédez au répertoire contenant le fichier hourly-wage-calculator.ps1.&lt;/p>
&lt;p>Exécutez le script avec la commande suivante :&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-fallback" data-lang="fallback">&lt;span class="line">&lt;span class="cl">.\hourly-wage-calculator.ps1.
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;p>Dans l&amp;rsquo;interface graphique, entrez votre salaire mensuel brut total, votre salaire mensuel net total et le nombre d&amp;rsquo;heures que vous travaillez par semaine. Veuillez noter que vous pouvez utiliser à la fois une virgule et un point comme séparateur décimal.&lt;/p>
&lt;p>Cliquez sur le bouton &amp;ldquo;Calculer&amp;rdquo;. Le script affichera alors vos salaires horaires brut et net.&lt;/p>
&lt;h3 id="contribuer">Contribuer&lt;/h3>
&lt;p>Les pull requests sont les bienvenues. Pour les changements majeurs, veuillez d&amp;rsquo;abord ouvrir une issue pour discuter de ce que vous aimeriez changer.&lt;/p>
&lt;h3 id="licence">Licence&lt;/h3>
&lt;p>MIT&lt;/p>
&lt;p>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./hourly-wage-calculator.png" alt="HourlyWageCalculator" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./featured.png" alt="HourlyWageCalculator" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;/p>
&lt;/div></description></item><item><title>Pixhit - Modifications du site web et publication de contenu</title><link>https://alexin.tech/fr/2023/03/24/pixhit-modifications-du-site-web-et-publication-de-contenu/</link><pubDate>Fri, 24 Mar 2023 00:00:00 +0000</pubDate><guid>https://alexin.tech/fr/2023/03/24/pixhit-modifications-du-site-web-et-publication-de-contenu/</guid><description>&lt;div class="article-story">
&lt;p>&lt;strong>Client :&lt;/strong> Pixhit&lt;/p>
&lt;p>&lt;strong>Description du projet :&lt;/strong> Sur ce projet j&amp;rsquo;ai du effectuer diverses modifications sur le site web &lt;a href="">pixhit.ch&lt;/a> et publier du contenu.&lt;/p>
&lt;p>&lt;strong>Date :&lt;/strong> 24 mars 2023&lt;/p>
&lt;h2 id="projet-">Projet :&lt;/h2>
&lt;p>Pixhit est une entreprise de création de contenu photo et vidéo et ils m&amp;rsquo;ont contacté afin d&amp;rsquo;effectuer des modifications sur leur site web ainsi que publier du contenu.&lt;/p>
&lt;p>Ce site web a initialement été créé par Yohan Nieto (&lt;a href="https://www.yohannieto.ch/%29" target="_blank" rel="noopener">https://www.yohannieto.ch/)&lt;/a>.&lt;/p>
&lt;p>Voici le lien du site web :&lt;/p>
&lt;p>&lt;a href="https://www.pixhit.ch/" target="_blank" rel="noopener">https://www.pixhit.ch/&lt;/a>&lt;/p>
&lt;p>Dans la galerie ci-dessous vous verrez quelques screenshots du site web :&lt;/p>
&lt;p>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./featured.png" alt="Pixhit" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./pixhit1.png" alt="Pixhit" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./pixhit2.png" alt="Pixhit" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./pixhit3.png" alt="Pixhit" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./pixhit4.png" alt="Pixhit" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./pixhit5.png" alt="Pixhit" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;/p>
&lt;/div></description></item><item><title>PowerCompare - script PowerShell pour comparer deux dossiers</title><link>https://alexin.tech/fr/2023/01/10/powercompare-script-powershell-pour-comparer-deux-dossiers/</link><pubDate>Tue, 10 Jan 2023 00:00:00 +0000</pubDate><guid>https://alexin.tech/fr/2023/01/10/powercompare-script-powershell-pour-comparer-deux-dossiers/</guid><description>&lt;div class="article-story">
&lt;p>&lt;strong>Client:&lt;/strong> Projet perso&lt;/p>
&lt;p>&lt;strong>Description du projet:&lt;/strong> PowerCompare est un script PowerShell qui fournit une interface graphique pour comparer le contenu de deux dossiers. Il se veut simple et léger.
&lt;strong>Date:&lt;/strong> 10 Janvier 2023&lt;/p>
&lt;h2 id="projet">Projet:&lt;/h2>
&lt;p>J&amp;rsquo;ai développé ce script PowerShell afin de pouvoir comparer le contenu de deux dossiers. Dès qu&amp;rsquo;on le lance il affiche un GUI qui permet de sélectionner les deux dossiers à comparer.&lt;/p>
&lt;p>Comme même la partie GUI se trouve dans le script, ça nous donne une solution très simple et légère.&lt;/p>
&lt;p>Voici le lien GitHub du projet :&lt;/p>
&lt;p>&lt;a href="https://github.com/AlexIn-Tech/PowerCompare" target="_blank" rel="noopener">https://github.com/AlexIn-Tech/PowerCompare&lt;/a>&lt;/p>
&lt;h3 id="caractéristiques">Caractéristiques&lt;/h3>
&lt;p>Interface graphique avec des zones de texte &amp;ldquo;Dossier 1&amp;rdquo; et &amp;ldquo;Dossier 2&amp;rdquo; pour spécifier les dossiers à comparer.&lt;/p>
&lt;p>Boutons &amp;ldquo;Parcourir&amp;rdquo; pour sélectionner les dossiers à comparer&lt;/p>
&lt;p>Bouton &amp;ldquo;Comparer&amp;rdquo; pour lancer la comparaison&lt;/p>
&lt;p>Liste affichant les différences entre les deux dossiers, y compris le nom, le type (fichier ou dossier) et la présence dans chaque dossier.&lt;/p>
&lt;h3 id="mode-demploi">Mode d&amp;rsquo;emploi&lt;/h3>
&lt;ul>
&lt;li>
&lt;p>Télécharger le script&lt;/p>
&lt;/li>
&lt;li>
&lt;p>Ouvrez une fenêtre PowerShell et naviguez jusqu&amp;rsquo;au répertoire contenant le script&lt;/p>
&lt;/li>
&lt;li>
&lt;p>Exécutez le script à l&amp;rsquo;aide de la commande suivante :&lt;/p>
&lt;div class="highlight">&lt;pre tabindex="0" class="chroma">&lt;code class="language-powershell" data-lang="powershell">&lt;span class="line">&lt;span class="cl">&lt;span class="p">.\&lt;/span>&lt;span class="n">NPowerCompare&lt;/span>&lt;span class="p">.&lt;/span>&lt;span class="py">ps1&lt;/span>
&lt;/span>&lt;/span>&lt;/code>&lt;/pre>&lt;/div>&lt;/li>
&lt;li>
&lt;p>Utilisez les boutons &amp;ldquo;Parcourir&amp;rdquo; pour sélectionner les dossiers à comparer&lt;/p>
&lt;/li>
&lt;li>
&lt;p>Cliquez sur le bouton &amp;ldquo;Comparer&amp;rdquo; pour lancer la comparaison.&lt;/p>
&lt;/li>
&lt;/ul>
&lt;h3 id="configuration-requise">Configuration requise&lt;/h3>
&lt;p>PowerShell 5.0 ou supérieur&lt;/p>
&lt;p>Système d&amp;rsquo;exploitation Windows&lt;/p>
&lt;h3 id="licence">Licence&lt;/h3>
&lt;p>Ce script est soumis à la licence MIT. Vous êtes libre d&amp;rsquo;utiliser, de modifier et de distribuer le script à condition d&amp;rsquo;inclure la mention originale du copyright et de la licence.&lt;/p>
&lt;p>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./featured.png" alt="PowerCompare" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;/p>
&lt;/div></description></item><item><title>Création d'un mini Datacenter sous Unraid OS</title><link>https://alexin.tech/fr/2023/01/02/creation-dun-mini-datacenter-sous-unraid-os/</link><pubDate>Mon, 02 Jan 2023 00:00:00 +0000</pubDate><guid>https://alexin.tech/fr/2023/01/02/creation-dun-mini-datacenter-sous-unraid-os/</guid><description>&lt;div class="article-story">
&lt;p>&lt;strong>Client:&lt;/strong> Projet perso&lt;/p>
&lt;p>&lt;strong>Description du projet:&lt;/strong> Ce projet consistait à monter un mini datacenter et faire tourner UnraidOS dessus avec divers services sous formes de containers Docker.
&lt;strong>Date:&lt;/strong> 02 Janvier 2023&lt;/p>
&lt;h2 id="projet">Projet:&lt;/h2>
&lt;p>Lors de ce projet j&amp;rsquo;ai monté un serveur de A à Z en choississant les divers composants. Une fois cela fait j&amp;rsquo;ai installé le systèmes d&amp;rsquo;exploitation Unraid OS et j&amp;rsquo;ai configuré divers services dessus. Ce serveur est doté de deux disques de 14TB , dont 1 disque dédié à la partité. Il y a donc 14TB utilisables sur ce mini Datacenter et cela peut facilement être augmenté. De plus ce Datacenter a un cache de 2TB sous forme de mémoire flash SSD NVME.&lt;/p>
&lt;p>Un second disque de cache de 2TB sera ajouté prochainement pour la redondance ainsi qu&amp;rsquo;un 3ème disque de 14TB afin de monter le volume utile de 14TB à 28TB.&lt;/p>
&lt;p>Sur ce projet il y a de multiples services qui tournent sous forme de container docker.&lt;/p>
&lt;p>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./featured.jpg" alt="Unraid OS" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./unraid-datacenter.png" alt="Unraid OS" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./unraid-datacenter2.png" alt="Unraid OS" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;/p>
&lt;/div></description></item><item><title>ChatClone-GPT</title><link>https://alexin.tech/fr/2022/12/21/chatclone-gpt/</link><pubDate>Wed, 21 Dec 2022 00:00:00 +0000</pubDate><guid>https://alexin.tech/fr/2022/12/21/chatclone-gpt/</guid><description>&lt;div class="article-story">
&lt;p>&lt;strong>Client:&lt;/strong> Projet perso&lt;/p>
&lt;p>&lt;strong>Description du projet:&lt;/strong> ChatClone-GPT est un proof of concept afin de créér un clone light de ChatGPT en utilisant l&amp;rsquo;api de OpenAI.
&lt;strong>Date:&lt;/strong> 21 Décembre 2022&lt;/p>
&lt;h2 id="projet">Projet:&lt;/h2>
&lt;p>ChatClone-GPT est une preuve de concept pour apprendre à utiliser l&amp;rsquo;API OpenAI et Django afin de créer un chatbot alimenté par l&amp;rsquo;API GPT d&amp;rsquo;OpenAI. Il utilise le modèle de traitement du langage naturel GPT-3 pour générer des réponses semblables à celles d&amp;rsquo;un humain. J&amp;rsquo;ai été inspiré par le projet &amp;ldquo;ChatGPT&amp;rdquo; d&amp;rsquo;OpenAI et je me demandais comment créer le mien.&lt;/p>
&lt;p>Disclaimer : C&amp;rsquo;est mon tout premier projet utilisant Django.&lt;/p>
&lt;p>Lien GitHub du projet : &lt;a href="https://github.com/AlexIn-Tech/ChatClone-GPT" target="_blank" rel="noopener">https://github.com/AlexIn-Tech/ChatClone-GPT&lt;/a>&lt;/p>
&lt;p>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./featured.png" alt="ChatCloneGPT" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./chatclonegpt.png" alt="ChatCloneGPT" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./openai.jpeg" alt="OpenAI" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./openai2.png" alt="OpenAI" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;/p>
&lt;/div></description></item><item><title>.item boards - création d'un site e-commerce</title><link>https://alexin.tech/fr/2022/06/01/.item-boards-creation-dun-site-e-commerce/</link><pubDate>Wed, 01 Jun 2022 00:00:00 +0000</pubDate><guid>https://alexin.tech/fr/2022/06/01/.item-boards-creation-dun-site-e-commerce/</guid><description>&lt;div class="article-story">
&lt;p>&lt;strong>Client :&lt;/strong> .item boards&lt;/p>
&lt;p>&lt;strong>Description du projet :&lt;/strong> Création d&amp;rsquo;un site e-commerce pour la marque de longboard item boards.&lt;/p>
&lt;p>&lt;strong>Date :&lt;/strong> 01 Juin 2022&lt;/p>
&lt;h2 id="projet-">Projet :&lt;/h2>
&lt;p>Sur ce projet j&amp;rsquo;ai du créer le site web de A à Z en partant d&amp;rsquo;une feuille blanche. Le site web devait permettre de mettre en avant le produit et son design, j&amp;rsquo;ai donc fait le choix d&amp;rsquo;opter sur une page d&amp;rsquo;accueil qui présente directement le produit avec un &amp;ldquo;call to action&amp;rdquo; afin d&amp;rsquo;acheter la planche.&lt;/p>
&lt;p>Le site est pensé afin de mettre en avant les couleurs et photos des produits.&lt;/p>
&lt;p>En terme de fonctionnalités ce site web est un site e-commerce avec système de paiement, gestion du panier, gestion de comptes, etc etc&amp;hellip;&lt;/p>
&lt;p>Voici le lien du site web :&lt;/p>
&lt;p>&lt;a href="https://itemboards.ch/" target="_blank" rel="noopener">https://itemboards.ch/&lt;/a>&lt;/p>
&lt;p>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./featured.png" alt="itemboards" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./itemboards1.png" alt="itemboards" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./itemboards2.png" alt="itemboards" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./itemboards3.png" alt="itemboards" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./itemboards4.png" alt="itemboards" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./itemboards5.png" alt="itemboards" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./itemboards6.png" alt="itemboards" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./itemboards7.png" alt="itemboards" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./itemboards8.png" alt="itemboards" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;/p>
&lt;/div></description></item><item><title>HeartBikers - création de site web</title><link>https://alexin.tech/fr/2021/12/07/heartbikers-creation-de-site-web/</link><pubDate>Tue, 07 Dec 2021 00:00:00 +0000</pubDate><guid>https://alexin.tech/fr/2021/12/07/heartbikers-creation-de-site-web/</guid><description>&lt;div class="article-story">
&lt;p>&lt;strong>Client :&lt;/strong> HeartBikers&lt;/p>
&lt;p>&lt;strong>Description du projet :&lt;/strong> Création d&amp;rsquo;un site web pour l&amp;rsquo;association caritative &amp;ldquo;HeartBikers&amp;rdquo;&lt;/p>
&lt;p>&lt;strong>Date :&lt;/strong> 07 Décembre 2021&lt;/p>
&lt;h2 id="projet-">Projet :&lt;/h2>
&lt;p>Ce site web a été conçu en utilisant le CMS Wordpress et nous avons travaillé à deux dessus.&lt;/p>
&lt;p>Le site a les fonctionnalités suivantes :&lt;/p>
&lt;ul>
&lt;li>
&lt;p>Des pages d&amp;rsquo;informations&lt;/p>
&lt;/li>
&lt;li>
&lt;p>Une fonction de donation&lt;/p>
&lt;/li>
&lt;li>
&lt;p>Une galerie&lt;/p>
&lt;/li>
&lt;li>
&lt;p>Un calendrier&lt;/p>
&lt;/li>
&lt;li>
&lt;p>Un formulaire de contact&lt;/p>
&lt;/li>
&lt;li>
&lt;p>Un cloud pour stocker les fichiers des membres&lt;/p>
&lt;/li>
&lt;/ul>
&lt;p>Voici le lien du site web :&lt;/p>
&lt;p>&lt;a href="https://heartbikers.ch/" target="_blank" rel="noopener">https://heartbikers.ch/&lt;/a>&lt;/p>
&lt;p>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./featured.png" alt="HeartBikers Web" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./heartbiker-1.png" alt="HeartBikers Web" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./heartbiker-2.png" alt="HeartBikers Web" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./heartbiker-logo.png" alt="HeartBikers Logo" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./owncloud.png" alt="OwnCloud" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;/p>
&lt;/div></description></item><item><title>Serveur de backup de données</title><link>https://alexin.tech/fr/2020/06/18/serveur-de-backup-de-donnees/</link><pubDate>Thu, 18 Jun 2020 00:00:00 +0000</pubDate><guid>https://alexin.tech/fr/2020/06/18/serveur-de-backup-de-donnees/</guid><description>&lt;div class="article-story">
&lt;p>&lt;strong>Client:&lt;/strong> Ecole Athénée&lt;/p>
&lt;p>&lt;strong>Description du projet:&lt;/strong> Configuration et mise en place d&amp;rsquo;un serveur de sauvegarde de données (NAS)
&lt;strong>Date:&lt;/strong> 18 Juin 2020&lt;/p>
&lt;h2 id="projet">Projet:&lt;/h2>
&lt;p>Dans le cadre de ce projet le client, l&amp;rsquo;école Athénée, avait besoin d&amp;rsquo;un système de backup offsite afin de garder une copie de leurs données.&lt;/p>
&lt;p>Je leur ai donc suggéré la mise en place d&amp;rsquo;un NAS Synology. Après avoir reçu le matériel je l&amp;rsquo;ai configuré et ai installé les logiciels nécessaires sur les postes de travail.&lt;/p>
&lt;p>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./featured.png" alt="Backup NAS" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;/p>
&lt;/div></description></item><item><title>Telegram Bot - Swiss IT Tech News</title><link>https://alexin.tech/fr/2020/04/15/telegram-bot-swiss-it-tech-news/</link><pubDate>Wed, 15 Apr 2020 00:00:00 +0000</pubDate><guid>https://alexin.tech/fr/2020/04/15/telegram-bot-swiss-it-tech-news/</guid><description>&lt;div class="article-story">
&lt;p>&lt;strong>Client :&lt;/strong> Projet perso&lt;/p>
&lt;p>&lt;strong>Description du projet :&lt;/strong> Swiss IT Tech News est un bot telegram qui envoie automatiquement des news qui concernent l&amp;rsquo;IT en Suisse et dans le monde sur un canal Telegram.&lt;/p>
&lt;p>&lt;strong>Date :&lt;/strong> 15 avril 2020 &amp;amp; Février 2024 &amp;amp; Janvier 2025&lt;/p>
&lt;h2 id="projet-">Projet :&lt;/h2>
&lt;p>Le bot Swiss IT Tech News est codé en Python et utilise la création de bot telegram via le &amp;ldquo;BotFather&amp;rdquo;.&lt;/p>
&lt;p>Ce script tourne dans un container docker et il est programmé pour analyser des flux RSS chaque 20 minutes via un scheduler. Si il détecte une nouvelle news dans les flux RSS choisis alors il la poste automatiquement sur le canal telegram.&lt;/p>
&lt;p>Vous pouvez rejoindre le canal telegram en utilisant ce lien : &lt;a href="https://t.me/SwissITNews" target="_blank" rel="noopener">https://t.me/SwissITNews&lt;/a>&lt;/p>
&lt;p>Vous trouverez le projet sur GitHub ici :&lt;/p>
&lt;p>&lt;a href="https://github.com/AlexIn-Tech/Swiss-IT-Tech-News" target="_blank" rel="noopener">https://github.com/AlexIn-Tech/Swiss-IT-Tech-News&lt;/a>&lt;/p>
&lt;p>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./featured.jpg" alt="Swiss IT Tech News Screenshot" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./telegram.jpg" alt="Telegram" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./bot.png" alt="Bot" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;/p>
&lt;/div></description></item><item><title>Mise en place de MS Teams durant le Covid pour l'école Athénée</title><link>https://alexin.tech/fr/2020/03/11/mise-en-place-de-ms-teams-durant-le-covid-pour-lecole-athenee/</link><pubDate>Wed, 11 Mar 2020 00:00:00 +0000</pubDate><guid>https://alexin.tech/fr/2020/03/11/mise-en-place-de-ms-teams-durant-le-covid-pour-lecole-athenee/</guid><description>&lt;div class="article-story">
&lt;p>&lt;strong>Client :&lt;/strong> Ecole Athénée&lt;/p>
&lt;p>&lt;strong>Description du projet :&lt;/strong> Mise en place de MS Teams pour l&amp;rsquo;école Athénée lors de la phase de confinement du Covid19&lt;/p>
&lt;p>&lt;strong>Date :&lt;/strong> 11 mars 2020&lt;/p>
&lt;h2 id="projet-">Projet :&lt;/h2>
&lt;p>En plein confinement Covid19, l&amp;rsquo;école Athénée ne pouvait donc plus dispenser ses cours aux étudiants en présentiel. Un informaticien avait tenté de déployer MS Teams pour cette école mais cela ne fonctionnait pas correctement, l&amp;rsquo;école Athénée m&amp;rsquo;a donc contacté afin que je reconfigure teams pour l&amp;rsquo;école et le déploie à tous les étudiants.&lt;/p>
&lt;p>Pour se faire j&amp;rsquo;ai du reprendre le contrôle du tenant de l&amp;rsquo;école et j&amp;rsquo;ai reconfiguré teams. J&amp;rsquo;ai ensuite obtenu les licences mises à disposition par Microsoft dans ce contexte sanitaire complexe et les ai déployées à tous les élèves. Ensuite je me suis occupé de former la directrice qui a ensuite pu transmettre les informations nécessaires aux élèves.&lt;/p>
&lt;p>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./featured.png" alt="Ecole Athénée Covid" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./msteams.jpg" alt="MS Teams" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;/p>
&lt;/div></description></item><item><title>Ecole Athénée - seconde refonte du site web et migration du serveur de mail</title><link>https://alexin.tech/fr/2019/03/13/ecole-athenee-seconde-refonte-du-site-web-et-migration-du-serveur-de-mail/</link><pubDate>Wed, 13 Mar 2019 00:00:00 +0000</pubDate><guid>https://alexin.tech/fr/2019/03/13/ecole-athenee-seconde-refonte-du-site-web-et-migration-du-serveur-de-mail/</guid><description>&lt;div class="article-story">
&lt;p>&lt;strong>Client :&lt;/strong> Ecole Athénée&lt;/p>
&lt;p>&lt;strong>Description du projet :&lt;/strong> 2ème refonte web pour l&amp;rsquo;école Athénée afin de partir sur un nouveau CMS et migration du serveur de mail vers du Google Workspace.&lt;/p>
&lt;p>&lt;strong>Date :&lt;/strong> 13 mars 2019&lt;/p>
&lt;h2 id="projet-">Projet :&lt;/h2>
&lt;p>Le site web de l&amp;rsquo;école Athénée avait besoin d&amp;rsquo;une nouvelle refonte, principalement au niveau de l&amp;rsquo;hébergement. Nous en avons donc profité pour changer de CMS en passant de Wordpress à Wix et de migrer le serveur de mail de RoundCube à Gmail via le produit Google Workspace. En 2021 l&amp;rsquo;école athénée a changé de propriétaire et je ne suis maintenant plus en charge de leur site web.&lt;/p>
&lt;p>Dans la galerie ci-dessous vous trouverez un avant - après.&lt;/p>
&lt;p>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./ecoleatheneeold.png" alt="Ecole Athénée AVANT" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./featured.png" alt="Ecole Athénée APRES" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./googleworkspace.jpeg" alt="Google Workspace" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;/p>
&lt;/div></description></item><item><title>Ecole Athénée - refonte web</title><link>https://alexin.tech/fr/2016/03/09/ecole-athenee-refonte-web/</link><pubDate>Wed, 09 Mar 2016 00:00:00 +0000</pubDate><guid>https://alexin.tech/fr/2016/03/09/ecole-athenee-refonte-web/</guid><description>&lt;div class="article-story">
&lt;p>&lt;strong>Client :&lt;/strong> Ecole Athénée&lt;/p>
&lt;p>&lt;strong>Description du projet :&lt;/strong> Refonte web du site de l&amp;rsquo;école athénée&lt;/p>
&lt;p>&lt;strong>Date :&lt;/strong> 9 mars 2016&lt;/p>
&lt;h2 id="projet-">Projet :&lt;/h2>
&lt;p>Dans le cadre de ce projet j&amp;rsquo;ai effectué la refonte du site web de l&amp;rsquo;école Athénée.&lt;/p>
&lt;p>J&amp;rsquo;ai également du migré le serveur de messagerie (email) vers un nouveau serveur mail.&lt;/p>
&lt;p>En 2021 l&amp;rsquo;école athénée a changé de propriétaire et je ne suis maintenant plus en charge de leur site web.&lt;/p>
&lt;p>Dans la galerie ci-dessous vous verrez une photo avant et une photo après :
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./ecoleatheneeold.png" alt="Ecole Athénée AVANT" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./featured.png" alt="Ecole Athénée APRES" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;/p>
&lt;/div></description></item><item><title>LPDJ - création de site web</title><link>https://alexin.tech/fr/2016/01/06/lpdj-creation-de-site-web/</link><pubDate>Wed, 06 Jan 2016 00:00:00 +0000</pubDate><guid>https://alexin.tech/fr/2016/01/06/lpdj-creation-de-site-web/</guid><description>&lt;div class="article-story">
&lt;p>&lt;strong>Client :&lt;/strong> LPDJ&lt;/p>
&lt;p>&lt;strong>Description du projet :&lt;/strong> Création d&amp;rsquo;un site web en moins de 24h pour LPDJ&lt;/p>
&lt;p>&lt;strong>Date :&lt;/strong> 06 janvier 2016&lt;/p>
&lt;h2 id="projet-">Projet :&lt;/h2>
&lt;p>L&amp;rsquo;entreprise LPDJ était très pressée d&amp;rsquo;obtenir un site web et j&amp;rsquo;ai du créer qqch en partant de 0 en moins de 24 heures&amp;hellip; le site était très simple mais il faisait bien le travail de vitrine et il permettait également d&amp;rsquo;accéder à un backend en lien avec l&amp;rsquo;application mobile iOS et Android. Aujourd&amp;rsquo;hui cette entreprise n&amp;rsquo;existe plus.&lt;/p>
&lt;p>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./featured.jpg" alt="LPDJ Web" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./lpdj-ios.png" alt="LPDJ Mobile App" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./lpdj-logo.png" alt="LPDJ Logo" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;/p>
&lt;/div></description></item><item><title>FSG Chernex - refonte web</title><link>https://alexin.tech/fr/2015/03/11/fsg-chernex-refonte-web/</link><pubDate>Wed, 11 Mar 2015 00:00:00 +0000</pubDate><guid>https://alexin.tech/fr/2015/03/11/fsg-chernex-refonte-web/</guid><description>&lt;div class="article-story">
&lt;p>&lt;strong>Client :&lt;/strong> FSG Chernex&lt;/p>
&lt;p>&lt;strong>Description du projet :&lt;/strong> Refonte du site web de la FSG Chernex&lt;/p>
&lt;p>&lt;strong>Date :&lt;/strong> 11 mars 2015&lt;/p>
&lt;h2 id="projet-">Projet :&lt;/h2>
&lt;p>En 2014 le site web de la FSG Chernex s&amp;rsquo;est fait hacker.&lt;/p>
&lt;p>J&amp;rsquo;ai donc effectué une refonte complète du site web en changeant de CMS et en partant sur une nouvelle base de donnée ainsi qu&amp;rsquo;un nouveau design.&lt;/p>
&lt;p>Parmis les fonctionnalité du site web on retrouve notamment un sytème de stockage de données =&amp;gt; &amp;ldquo;OwnCloud&amp;rdquo;.&lt;/p>
&lt;p>Voici le lien du site web :&lt;/p>
&lt;p>&lt;a href="https://fsgchernex.ch/" target="_blank" rel="noopener">https://fsgchernex.ch/&lt;/a>&lt;/p>
&lt;p>Dans la galerie ci-dessous vous verrez une photo avant et une photo après :
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./fsgchernexold.png" alt="FSG Chernex AVANT" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;figure >
&lt;div class="flex justify-center ">
&lt;div class="w-100" >&lt;img src="./featured.png" alt="FSG Chernex APRES" loading="lazy" data-zoomable />&lt;/div>
&lt;/div>&lt;/figure>
&lt;/p>
&lt;/div></description></item></channel></rss>