Projets Scolaires
Travaux réalisés dans le cadre de mon BTS SIO.
Automatisation Veille N8N
Workflow Global
Vue d'ensemble du processus d'automatisation.
Intégration Notion
Connexion et insertion automatique des données.
Automatisation & Centralisation
Afin d'optimiser ma veille technologique, j'ai mis en place un système automatisé utilisant N8N. Ce workflow récupère des articles depuis diverses sources (RSS), les filtre selon des mots-clés pertinents, et les centralise automatiquement dans une base de données Notion.
Aspects techniques :
- Webhooks & API : Interconnexion entre les services.
- Transformation de données : Formatage JSON pour compatibilité Notion.
- Planification : Exécution automatique à intervalles réguliers (Cron).
Portfolio (CI/CD)
Gestion de Version
Utilisation de Git et Azure DevOps pour le suivi du projet.
Développement Local
Environnement de développement avec WAMP et VS Code.
Déploiement Azure
Hébergement et déploiement continu sur Azure Web Apps.
Déploiement Continu & Azure
Ce portfolio n'est pas qu'une vitrine, c'est aussi un exercice pratique de mise en œuvre d'une chaîne CI/CD (Intégration et Déploiement Continus).
L'objectif était de comprendre comment automatiser la mise en production d'un site web depuis un dépôt de code jusqu'à un serveur cloud.
Git & GitHub
Gestion de versions et collaboration (commits, branches, pull requests).
Azure DevOps
Planification des tâches (Kanban) et orchestration des pipelines de déploiement.
Azure Web Apps
Hébergement PaaS (Platform as a Service) garantissant disponibilité et scalabilité.
Site Quiz Moto
Mode Classique
Devinez le modèle à partir de l'image.
Mode Progressif
L'image se dévoile petit à petit. Rapidité = Points !
Développement Web Interactif (JS)
Un site web ludique conçu pour les passionnés de moto. Le but est de reconnaître différents modèles à travers plusieurs modes de jeu, testant ainsi la culture motarde des utilisateurs.
Défis techniques relevés :
- Manipulation du DOM : Affichage dynamique des questions et des images.
- Gestion des événements : Détection des clics, validation des réponses.
- Logique de jeu : Calcul des scores, gestion du chronomètre et des niveaux de difficulté.
Jeu des 7 Erreurs
Interactivité
Projet axé sur la gestion des événements JavaScript et la manipulation du DOM.
Jeu d'Observation Interactif
Une version numérique du célèbre jeu des 7 erreurs. L'utilisateur doit identifier les différences entre deux images apparemment identiques en cliquant dessus.
Points clés du développement :
- Coordonnées : Mapping précis des zones d'erreurs sur l'image.
- Feedback Visuel : Apparition de cercles (vert/rouge) au clic.
- Conditions de victoire : Détection de la fin de partie une fois les 7 erreurs trouvées.