Skip to content

Mes Projets

Table des matières

1. Booki

Technologies : HTML, CSS

Datation : 2022

Méthodologie : - Intégration d’une maquette fournie sous forme d’image - Apprentissage et mise en œuvre des bases de l’HTML et du CSS - Premiers pas sur le responsive design avec flexbox

Difficultés surmontées : - Gestion du responsive design, avec quelques difficultés liées à l’apprentissage initial

Points forts : - Bonne restitution des proportions et des tailles - Première réussite dans l’intégration statique d’un site

Description : Premier projet étudiant du cursus de développeur front-end chez OpenClassrooms. Intégration du site fictif d’une agence d’hôtellerie et gîtes. Apprentissage des bases de l’HTML, du CSS, de la sémantique et de flexbox.

Résumé : Première intégration HTML/CSS d’une maquette pour une agence fictive.

Commentaire personnel : Ce projet m’a fait découvrir que j’aimais le développement, autant dans la satisfaction de produire un résultat que dans la frustration de chercher des solutions.

2. OhMyFood

Technologies : HTML, SCSS, Figma

Datation : 2022

Méthodologie : - Intégration depuis une maquette Figma - Développement d’animations en CSS/SCSS - Responsive design en mobile-first

Difficultés surmontées : - Affinage complexe des animations CSS pour coller au design

Points forts : - Amélioration du respect de la maquette - Responsive plus abouti et fluide - Résultat plus professionnel

Description : Projet étudiant consistant à développer le site d’une start-up de commande en ligne. Fidélité à une maquette Figma et intégration d’animations dynamiques pour enrichir l’expérience utilisateur.

Résumé : Développement d’un site de commande en ligne à partir d’une maquette Figma.

Commentaire personnel : J’ai apprécié découvrir SCSS, une techno majeure de l’univers front-end, utile dans ma première expérience pro.

3. Kanap

Technologies : HTML, CSS, JavaScript

Datation : 2022-2023

Méthodologie : - Intégration front-end à partir d’une maquette - Manipulation du DOM avec JavaScript - Appels API asynchrones avec fetch

Difficultés surmontées : - Compréhension des bases de l’asynchrone - Première utilisation de fetch pour consommer une API

Points forts : - Bonne compréhension des concepts fondamentaux de JavaScript - Introduction à la programmation asynchrone

Description : Développement d’un site e-commerce fictif spécialisé dans la vente de canapés. Dynamisation via JavaScript (DOM + API).

Résumé : Développement d’un site e-commerce fictif pour la vente de canapés. Première mise en pratique de JavaScript.

Commentaire personnel : J’ai découvert JavaScript, un langage que j’aime beaucoup. Ce projet a renforcé mon intérêt pour le front-end.

4. Le Simon

Technologies : HTML, CSS, JavaScript

Datation : 2023

Méthodologie : - Développement complet sans maquette ni tutoriel - Création dynamique d’éléments DOM - Gestion des interactions utilisateur

Difficultés surmontées : - Mise en place d’une séquence aléatoire - Vérification des entrées utilisateur

Points forts : - Système de jeu complet et fonctionnel - Ajout d’un mode de difficulté

Description : Projet personnel inspiré du jeu de société Simon. Développé sur mon temps libre pour approfondir JavaScript.

Résumé : Développement d’un jeu inspiré du Simon pour approfondir JavaScript.

Commentaire personnel : J’ai pris plaisir à coder un projet abouti en parallèle de mes études, assouvissant ma soif d’apprendre.

5. HotTakes / Piiquante

Technologies : Node.js, Express.js, MongoDB, Mongoose, JWT, bcrypt, Postman

Datation : 2023

Méthodologie : - Création d’une API REST - CRUD complet pour la gestion des sauces - Sécurité (bcrypt, JWT) - Tests Postman

Difficultés surmontées : - Gestion complexe des endpoints liés aux fichiers - Cohérence avec la base de données

Points forts : - Première vraie expérience backend - Bonne compréhension des API REST - Sécurité robuste mise en place

Description : Développement de l’API d’un blog de sauces piquantes (CRUD, sécurité, JWT, bcrypt).

Résumé : Développement d’une API REST sécurisée pour un blog de sauces piquantes.

Commentaire personnel : Une excellente initiation au backend qui a éveillé ma volonté de devenir fullstack.

6. Kasa

Technologies : HTML, CSS, React, React Router

Datation : 2023

Méthodologie : - Intégration d’une maquette Figma - Développement React en SPA - Navigation avec React Router

Difficultés surmontées : - Mise en place du setup initial React/Router

Points forts : - Fidélité à la maquette - Bonne structuration des composants

Description : Développement du site fictif d’une agence immobilière en React.

Résumé : Développement du site d’une agence immobilière fictive en React.

Commentaire personnel : J’ai apprécié découvrir React et je peux maintenant déployer des apps React via GitHub Actions.

7. Convertisseur Aéronautique

Technologies : HTML, CSS, JavaScript

Datation : 2024

Méthodologie : - Mise en place de formulaires - Gestion de l’interactivité via JS

Difficultés surmontées : - Gestion de formules mathématiques dynamiques

Points forts : - Projet retravaillé en 2025 et intégré au portfolio

Description : Projet personnel : interface simple pour calculs aéronautiques utiles en simulation.

Résumé : Convertisseur et calculateur d’unités aéronautiques.

Commentaire personnel : Le fait qu’il ait retenu l’attention de recruteurs m’a motivé à créer des projets plus ambitieux.

8. Transatel - Ubigi

Technologies : HTML, SCSS, PHP, jQuery, WordPress, WooCommerce, Polylang, Jira, SharePoint

Datation : 2024 (première expérience professionnelle)

Méthodologie : - Daily team meeting - Déploiement staging + validation lead dev - Collaboration avec marketing - Personnalisation de templates PHP WordPress/WooCommerce

Difficultés surmontées : - Apprentissage sur le tas de PHP et WordPress - Adaptation rapide pour rester pertinent

Points forts : - Bonne dynamique d’équipe - Progression rapide sur PHP et WP - Actions concrètes sur les sites de la marque Ubigi

Description : Maintenance, amélioration et ajout de fonctionnalités sur les sites Ubigi et Transatel.

Résumé : Participation à la maintenance et à l’évolution des sites Ubigi et Transatel.

Commentaire personnel : Cette première expérience m’a appris autant techniquement qu’humainement : travail en équipe et cadre hiérarchique clair.

Technologies : HTML, CSS, JavaScript, Ngrok, FileZilla

Datation : 2025

Méthodologie : - Galerie photo en 3 colonnes - Injection dynamique via Ngrok + FTP - Page statique comme exercice de style

Difficultés surmontées : - Prototypage sans VPS - Création d’une page statique pour démonstration

Points forts : - Projet minimaliste mais esthétique

Description : Galerie photo expérimentale, test de mise en ligne sans VPS.

Résumé : Galerie photo.

Commentaire personnel : Né de l’envie de mettre un site en ligne, il a posé les bases pour mes projets hébergés sur VPS.

10. Portfolio - AlexXP

Technologies : HTML, CSS, JavaScript, Node.js, Gulp, Docker, GitHub Actions, Nginx

Datation : 2025

Méthodologie : - Intégration from scratch - Automatisation Gulp - CI/CD GitHub Actions - Staging et production - Images Docker pour déploiement - SPA avec lazy loading - Lazy loading des iframes

Difficultés surmontées : - Pas d’évaluation initiale des besoins - Adaptation de code ancien

Points forts : - Vitrine technologique - Production aboutie et documentée - Mise en œuvre complète d’outils DevOps

Description : Portfolio personnel au design Windows XP intégrant mes projets comme applis interactives.

Résumé : Portfolio personnel inspiré de Windows XP.

Commentaire personnel : Ce projet me permet de garder la main, d’apprendre, et de me rapprocher du profil fullstack DevOps.

11. Serveur VPS - alexbalmes.dev

Technologies : Ubuntu, Docker, Docker Compose, Nginx Proxy, ACME Companion, GitHub Actions, Grafana, MkDocs, Rclone

Datation : 2025

Méthodologie : - Approche expérimentale : tester, modifier - Architecture conteneurisée - Nginx Proxy pour multi-sites - SSL automatisé ACME Companion - Docs avec MkDocs - Monitoring Grafana - CI/CD GitHub Actions - Sauvegardes hebdo avec Rclone

Difficultés surmontées : - Apprentissage autodidacte sysadmin et DevOps

Points forts : - Infra 100% conteneurisée - Automatisation CI/CD + sauvegardes - Monitoring avancé - Profil fullstack + DevOps

Description : Mise en place d’un VPS perso, architecturé comme une infra pro, tout en autodidacte.

Résumé : Serveur VPS personnel architecturé comme une infra pro.

Commentaire personnel : J’apprends, je teste, je m’amuse : ce projet me rapproche du DevOps professionnel.

12. StarSupply

Technologies : HTML, CSS, JavaScript, Nginx, Node.js, Express.js, MongoDB, Mongoose, JWT, Bcrypt

Datation : 2025

Méthodologie : - Backend-first avec API autonome - Front-end user-friendly comme surcouche - Auth sécurisée JWT + Bcrypt - Conteneurisation front/back séparés - MongoDB local conteneurisé - Reverse proxy Nginx

Difficultés surmontées : - Reprise en main backend après pause - Mise en place de ma première BDD locale MongoDB

Points forts : - API complète et sécurisée - Système de jeu indépendant du navigateur - Séparation claire front/back - Conteneurisation multi-services - Démonstration Fullstack + DevOps

Description : Jeu de gestion spatial backend-first : survie d’un réseau de stations par gestion import/export. API Node.js autonome + front branché dessus.

Résumé : Jeu spatial backend-first : API autonome + front décorrélé, déployé sur VPS.

Commentaire personnel : Replongé dans le backend, j’ai pu héberger et finaliser un jeu abouti qui exprime pleinement mes compétences.