Mini-projet guidé : Portfolio personnel

1. Planification et setup initial

Nom : mon-portfolio
Description : Mon portfolio personnel de développeur
Public : ✅
README : ✅
.gitignore : HTML/CSS/Node
License : MIT

Clone le repository en local et organise la structure de base :

mon-portfolio/
├── index.html
├── styles/
│   └── style.css
├── images/
├── README.md
└── .gitignore

2. Structure HTML de base

git checkout -b feat/structure-base

Crée la structure HTML basique avec :

• En-tête avec navigation
• Section présentation
• Section compétences
• Section projets
• Pied de page

git add .
git commit -m "feat: ajoute la structure HTML de base"
git push origin feat/structure-base

3. Styles CSS et design

git checkout main
git pull origin main
git checkout -b feat/styles-css

Ajoute les styles CSS pour :

• Layout responsive
• Couleurs et typographie
• Espacements cohérents
• Effets de hover simples

git add .
git commit -m "style: ajoute les styles responsive"
git commit -m "style: améliore la typographie et les couleurs"
git push origin feat/styles-css

4. Section projets détaillée

git checkout main
git pull origin main  
git checkout -b feat/section-projets

Développe la section projets avec :

• Cartes de projets
• Images des projets
• Descriptions détaillées
• Liens vers les repos GitHub

5. Pull Requests et reviews

Pour chaque branche fonctionnelle :

6. Déploiement avec GitHub Pages

Settings → Pages → Branch: main → Folder: /root

Ton portfolio sera accessible à l'adresse :

https://ton-username.github.io/mon-portfolio

7. Documentation finale

Met à jour ton README avec :

• Description du projet
• Technologies utilisées
• Instructions pour exécuter en local
• Lien vers le site déployé
• Captures d'écran