# Mon Projet Web

## 1. 🎨 Présentation du projet

### Concept
- Thème choisi : …
- Public cible : …
- Objectifs du site : …

### Fonctionnalités prévues
- Navigation : …
- Sections principales : …
- Contenus proposés : …

---

## 2. 📚 Parcours d'apprentissage

### Ressources utilisées
- Plateformes (OpenClassrooms, MDN, freeCodeCamp, etc.)
- Vidéos / tutoriels suivis
- Articles ou documentations consultés

### Progression
- Semaine 4 : …
- Semaine 6 : …
- Semaine 8 : …
- Semaine 10 : …
- Semaine 11 : …
- Semaine 12 : …

---

## 3. 🛠️ Outils et méthodologie

### Environnement de travail
- IDE : …
- Navigateurs de test : …
- Versioning : Git + GitHub
- Validation : Validator W3C, PageSpeed Insights, Wave

### Méthodologie
- Approche mobile-first
- Commits réguliers et messages clairs
- Tests sur plusieurs navigateurs et appareils

### Choix de design
- Palette de couleurs :  
  - Couleur principale : `#XXXXXX` – …
  - Couleur secondaire : `#XXXXXX` – …
  - Couleur d’accent : `#XXXXXX` – …
  - Couleur de texte : `#XXXXXX` – …
  - Couleur de fond : `#XXXXXX` – …
- Lien vers palette générée : …
- Typographies :  
  - Titres : … (fichiers dans `/fonts`)  
  - Texte : … (fichiers dans `/fonts`)  

---

## 4. ✅ Tests et validation

### Validation technique
- HTML Validator : résultat …
- CSS Validator : résultat …
- PageSpeed Insights :  
  - Performance : …/100  
  - Accessibilité : …/100  
  - Bonnes pratiques : …/100  
  - SEO : …/100  

### Compatibilité
- Navigateurs testés : Chrome …, Firefox …, Safari …
- Appareils testés : mobile, tablette, desktop

### Accessibilité
- Attributs alt : ✅
- Hiérarchie des titres : ✅
- Contraste couleurs : conforme WCAG
- Navigation clavier : testée
- Zoom 200% : lisible

---

## 5. 🤖 Usage de l’IA (si applicable)

### IA utilisée
- Nom et version : …
- Contexte : génération de code / debug / recherche / rédaction

### Utilisation détaillée
- Contenu généré avec l’IA : …
- Explication et adaptation personnelle du code généré

### Proportion
- Structure HTML : …% personnel / …% aidé
- CSS : …% personnel / …% aidé
- Responsive : …% personnel
- Tests et validation : 100% personnel

---

## 6. 🎯 Bilan personnel

### Ce que j’ai appris
- Compétences techniques acquises  
- Découvertes surprenantes  
- Concepts difficiles maîtrisés  

### Difficultés rencontrées
- Problèmes techniques et solutions trouvées  
- Moments de blocage et dépassement  
- Aide reçue et sources  

### Réussites et fiertés
- Aspects du projet dont je suis fier  
- Progrès constatés depuis le début  
- Envies de développement futur  

### Améliorations possibles
- Ce que j’ajouterais avec plus de temps  
- Fonctionnalités bonus envisagées  
- Compétences à approfondir