Mon Portfolio

Description

Dans le cadre de mon année scolaire, j'ai du créer un site e-commerce pour une boutique d'horlogerie fictive, Marcel Riboust Horlogerie, en utilisant WordPress et WooCommerce. Ce projet m'a permis de mettre en pratique mes compétences techniques en développement web tout en découvrant l'univers de la vente en ligne. Grâce à ce projet, j'ai appris à configurer et personnaliser un site e-commerce, à intégrer des produits, gérer un catalogue, et à optimiser l'expérience utilisateur pour faciliter la navigation et les achats. J'ai également exploré la gestion des paiements sécurisés, des stocks, ainsi que l'optimisation SEO pour améliorer la visibilité du site.

Technologies utilisées

Description

ISSC+ est une application de réseau social conçue pour les établissements scolaires et professionnels. Elle permet aux élèves, enseignants et personnels de communiquer, partager des ressources et organiser des événements de manière sécurisée. L'objectif est de créer un espace interactif favorisant l'échange et la collaboration au sein de l'établissement. L'application intègre des fonctionnalités modernes comme les fils d’actualité, les groupes et les notifications en temps réel. Son design est optimisé pour une utilisation intuitive et fluide.

Technologies utilisées

Description

World Odyssey est un site dédié à une convention pop culture autour du Japon. Réalisé dans le cadre de ma formation, ce projet répond à des contraintes techniques strictes : utilisation exclusive de LESS, HTML, CSS, Bootstrap et jQuery. Le site intègre la géolocalisation pour personnaliser l'expérience utilisateur et propose un design responsive grâce à Bootstrap et LESS. L’interactivité est assurée par jQuery, offrant une navigation fluide et dynamique. Ce projet allie respect des contraintes techniques et créativité visuelle.

Technologies utilisées

Description

Rango Zoo est le premier projet de classe que j'ai réalisé il y a plus d'un an et demi. Ce projet nous a été imposé avec l'obligation d'utiliser du PHP natif et du HTML/CSS natif, sans frameworks ni bibliothèques externes. L'application simule un zoo interactif avec une carte dynamique permettant d'afficher les animaux dans leurs zones respectives. Les utilisateurs peuvent explorer le zoo et découvrir des informations sur les animaux en temps réel. Un chatbot accompagne les visiteurs en répondant à des questions et en les orientant dans leur parcours. De plus, une interface d'administration complète permet de gérer tous les aspects du zoo, des animaux à l'interface utilisateur, offrant ainsi un contrôle total sur le contenu et les fonctionnalités du site.

Technologies utilisées

Description

Animis est une application développée avec Nuxt qui permet aux utilisateurs de suivre leurs animes préférés, de gérer leur progression, et de découvrir de nouvelles séries. Elle propose une interface moderne et intuitive pour centraliser toutes les informations liées aux animes que l’on regarde.

Technologies utilisées

Description

Eventify est une application web dédiée à la gestion et à la notation d’événements, conçue pour offrir une expérience complète aussi bien aux participants qu’aux organisateurs. Développée avec Symfony 7 et reposant sur une architecture MVC, l’application met l’accent sur la sécurité, la modularité et la clarté du code. Ce projet a été réalisé en 4 heures, dans le cadre de mon diplôme, afin de mettre en pratique mes compétences en développement web avec Symfony, la gestion des rôles utilisateurs et la modération de contenu. La plateforme permet aux utilisateurs de consulter des événements, de publier des avis et de gérer leurs propres notations. Un système de rôles hiérarchisés a été mis en place afin d’adapter les fonctionnalités selon le profil : les responsables d’événements peuvent créer et administrer leurs événements tout en modérant les avis associés, tandis que les administrateurs disposent d’un accès global pour gérer les utilisateurs, les événements et l’ensemble des avis.

Technologies utilisées

Description

Seabuck est une application de présentation de glaces réalisée en seulement une matinée lors d’un projet individuel intensif. L'objectif était de valider ma maîtrise des concepts modernes d'Angular 20 sous une contrainte de temps réelle. 🛠️ Compétences clés démontrées : Réactivité : Utilisation des Signals pour une gestion d'état fluide. Navigation : Mise en place d'un Router pour une expérience Single Page Application (SPA). Données : Consommation d'une API pour l'affichage dynamique des produits. Sécurité : Simulation d'un flux de connexion utilisateur. Ce projet démontre ma capacité à développer rapidement une interface propre, fonctionnelle et techniquement structurée.

Technologies utilisées

Description

Maki Borne est une application complète de type "Fast-Food" réalisée en un temps record de 4 heures. Ce projet intensif avait pour but de pousser les limites du framework Angular 20 en reproduisant le flux complexe d'une borne de commande interactive. ⚡ Performance & Modernité Architecture Zoneless : Utilisation avancée d'Angular sans Zone.js pour des performances maximales et une réactivité native. UI/UX Dynamique : Interface développée avec Tailwind CSS pour un design moderne et SweetAlert2 pour une gestion des notifications et alertes utilisateur élégante. Maîtrise Angular : Mise en œuvre complète des Signals, du Routing avancé, des Interfaces TypeScript rigoureuses et des Composants réutilisables. Système Complet : Gestion du catalogue produit via API, flux de Login, et tunnel de commande (panier, validation)

Technologies utilisées

Description

🎯 Focus Mode – Extension Chrome (Nuit de l'Info 2025) Développée en seulement 2 heures lors d'un défi technique de la Nuit de l'Informatique 2025, cette extension Google Chrome est conçue pour maximiser la productivité en purifiant l'expérience de navigation. 🛠️ Fonctionnalités Clés : Ad-Blocker & Pop-up Killer : Nettoyage automatique des pages web pour supprimer les distractions visuelles et les interruptions publicitaires. Site Blocker : Possibilité de restreindre l'accès à une liste de sites "distrayants" (réseaux sociaux, divertissement) pour rester concentré sur sa tâche. Toggle Focus : Activation/désactivation rapide du mode pour basculer instantanément dans un environnement de travail sain. 🚀 Challenge Technique : Réalisée sous une pression de temps intense, cette extension m'a permis de manipuler les Chrome APIs (notamment declarativeNetRequest ou scripting) et de comprendre le cycle de vie des Background Scripts et des Popups dans l'écosystème des navigateurs.

Technologies utilisées

Description

Application web full-stack d'analyse territoriale de la consommation de médicaments en France. Traitement de 1,9M lignes de données publiques avec visualisations interactives (carte de France, graphiques dynamiques). Stack : Python (FastAPI, Streamlit, Pandas) | PostgreSQL | Déploiement cloud avec HTTPS.

Technologies utilisées