154 lines
4.7 KiB
Markdown
154 lines
4.7 KiB
Markdown
# 🌟 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*
|