# 🌟 Portfolio Personnel - Dayron Van Leemput

Site web personnel moderne et responsive développé avec React, TypeScript et Framer Motion. Présentation complète de mon profil d'étudiant en Technologies de l'Informatique à la HELHa de Tournai.

## 🎯 À propos

Ce portfolio présente mon parcours, mes compétences et mes projets en tant qu'étudiant en 3ème année de Technologies de l'Informatique. Il met en avant ma passion pour le développement mobile (Flutter/Dart) et le développement web moderne (React/TypeScript).

## ✨ Fonctionnalités

- 🎨 **Design moderne** : Interface élégante et professionnelle
- 🌙 **Mode sombre/clair** : Basculement automatique selon les préférences système
- 📱 **Responsive** : Optimisé pour tous les appareils (mobile, tablette, desktop)
- 🎪 **Animations fluides** : Powered by Framer Motion
- ⚡ **Performance** : Optimisé pour des chargements rapides
- ♿ **Accessibilité** : Respecte les standards WCAG

## 🏗️ Sections

- **🏠 Hero** - Présentation principale avec CTA
- **👨‍💻 À propos** - Mon histoire et ma passion
- **🛠️ Compétences** - Technologies avec barres de progression animées
- **🚀 Projets** - Travel Mate et projets à venir
- **🎓 Formation** - Parcours à la HELHa et objectifs d'apprentissage
- **📞 Contact** - Formulaire et informations de contact

## 🛠️ Technologies

### Frontend
- **React 19** - Framework JavaScript moderne
- **TypeScript** - Typage statique pour JavaScript
- **Framer Motion** - Animations et transitions fluides
- **CSS3** - Styles modernes avec variables CSS
- **Lucide React** - Icônes SVG optimisées

### Outils de développement
- **Vite** - Build tool rapide et moderne
- **ESLint** - Linter pour maintenir la qualité du code
- **Git** - Contrôle de version

## 🚀 Installation et utilisation

### Prérequis
- Node.js (version 18 ou supérieure)
- npm ou yarn

### Installation

```bash
# Cloner le repository
git clone https://github.com/Dayron-HELHa/xeewy.eu.git
cd xeewy.eu

# Installer les dépendances
npm install

# Démarrer le serveur de développement
npm run dev

# Construire pour la production
npm run build

# Prévisualiser la build de production
npm run preview
```

### Scripts disponibles

- `npm run dev` - Démarre le serveur de développement
- `npm run build` - Construit l'application pour la production
- `npm run preview` - Prévisualise la build de production
- `npm run lint` - Exécute ESLint pour vérifier la qualité du code

## 📂 Structure du projet

```
src/
├── components/          # Composants React
│   ├── Header.tsx      # Navigation principale
│   ├── Hero.tsx        # Section d'accueil
│   ├── About.tsx       # Section à propos
│   ├── Skills.tsx      # Compétences techniques
│   ├── Projects.tsx    # Portfolio de projets
│   ├── Education.tsx   # Formation et apprentissage
│   └── Contact.tsx     # Formulaire de contact
├── App.tsx             # Composant principal
├── main.tsx           # Point d'entrée React
├── App.css            # Styles principaux
└── index.css          # Styles globaux
```

## 🎨 Personnalisation

### Couleurs et thèmes
Les variables CSS dans `src/index.css` et `src/App.css` permettent de personnaliser facilement :
- Palette de couleurs
- Espacements
- Typographie
- Effets d'ombre
- Transitions

### Contenu
Pour personnaliser le contenu :
1. **Informations personnelles** : Modifiez les données dans chaque composant
2. **Projets** : Ajoutez vos projets dans `Projects.tsx`
3. **Compétences** : Mettez à jour les technologies dans `Skills.tsx`
4. **CV** : Remplacez `public/cv-dayron-van-leemput.pdf`

## 🚀 Déploiement

### Netlify
```bash
npm run build
# Déployez le dossier 'dist' sur Netlify
```

### Vercel
```bash
npm run build
# Connectez votre repo GitHub à Vercel
```

### GitHub Pages
```bash
npm run build
# Configurez GitHub Pages pour utiliser le dossier 'dist'
```

## 🤝 Contribution

Ce portfolio est personnel, mais les suggestions d'amélioration sont les bienvenues !

1. Fork le projet
2. Créez une branche feature (`git checkout -b feature/amélioration`)
3. Commitez vos changements (`git commit -m 'Add: nouvelle fonctionnalité'`)
4. Push vers la branche (`git push origin feature/amélioration`)
5. Ouvrez une Pull Request

## 📄 Licence

Ce projet est sous licence MIT. Voir le fichier `LICENSE` pour plus de détails.

## 📞 Contact

**Dayron Van Leemput**
- 🎓 Étudiant en Technologies de l'Informatique - HELHa Tournai
- 💼 [LinkedIn](https://linkedin.com/in/dayronvanleemput)
- 🐱 [GitHub](https://github.com/dayronvanleemput)
- 📧 Email : dayron.vanleemput@example.com

---

*Développé avec ❤️ par Dayron Van Leemput - Novembre 2025*