Portfolio
Informations du Projet
- Catégorie: Application Web
- Contexte: BTS SIO 2025
- Terminé le: Avril 2025
- Technologies: HTML, CSS, JavaScript, PHP, Bootstrap
- Dépôt: GitHub
- Déploiement: CI/CD avec GitHub Actions
Portfolio professionnel conçu pour présenter mon parcours, mes compétences et mes réalisations dans le cadre du BTS SIO. Ce site sert à la fois d'outil de présentation pour l'épreuve E5 et de vitrine professionnelle pour ma recherche d'emploi ou de poursuite d'études.
Description succincte du projet
- Date, lieu : Avril 2025, CEFIM Tours (BTS SIO 2025)
- Projet personnel, accompagné par l'équipe enseignante du CEFIM
Contexte
- Outil de présentation pour l'épreuve E5 du BTS SIO
- Vitrine professionnelle pour la recherche d'emploi ou la poursuite d'études
Valorisation de mon parcours et de mes compétences, en accord avec le référentiel BTS SIO.
Environnement technique
- Frontend : HTML5, CSS3, JavaScript, Bootstrap 5
- Backend : PHP (structure modulaire, traitement du formulaire)
- Librairies JS : Swiper (sliders), Isotope (filtrage projets)
- Versioning : Git et GitHub
- CI/CD : GitHub Actions (déploiement automatisé)
- IDE : Visual Studio Code + extensions PHP/HTML/CSS
- Sources : Docs Bootstrap, tutoriels PHP.net, cours CEFIM, Stack Overflow
Fonctionnalités principales
- Présentation interactive de mon parcours et de mes compétences
- Affichage dynamique des projets réalisés
- Section tableau de synthèse des compétences
- Formulaire de contact sécurisé (PHP)
- Responsive design (Bootstrap)
- Déploiement automatisé via CI/CD
Liste des tâches et planification
Analyse & conception
- Définition des objectifs du portfolio
- Identification des sections nécessaires
- Sélection du template Bootstrap
Développement
- Personnalisation du template "Personal"
- Architecture modulaire en PHP
- Création des pages de compétences
- Développement des fiches projets
- Implémentation du formulaire de contact
Déploiement
- Configuration du dépôt GitHub
- Mise en place du workflow CI/CD
- Tests de compatibilité navigateurs
Maintenance & évolution
- Ajout de nouveaux projets
- Mise à jour de la veille technologique
- Optimisation du référencement
Difficultés rencontrées & solutions
- Architecture modulaire PHP : Système d'inclusion de fichiers avec variables partagées et constantes pour les chemins.
- Responsive design : Personnalisation des breakpoints Bootstrap et tests multi-écrans.
- Sécurisation du formulaire : Validation côté serveur, filtrage des entrées, protection XSS/CSRF.
- CI/CD : GitHub Actions avec script personnalisé et gestion des secrets.
Bilan personnel
Aptitudes renforcées
- Maîtrise de Bootstrap pour des interfaces responsives
- Intégration et personnalisation de templates
- Structuration modulaire PHP
- Utilisation de Git/GitHub
- Configuration CI/CD
- Organisation et présentation professionnelle
- Documentation des compétences
Axes d'amélioration
- Optimisation des performances (chargement asynchrone)
- Amélioration du SEO
- Gestion de contenu dynamique (base de données)
- Accessibilité (normes WCAG)
- Internationalisation (multilingue)
Annexe
- Code source sur github.com/NathanChevrollier/NathanC_public