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

# 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 :

Informations personnelles : Modifiez les données dans chaque composant
Projets : Ajoutez vos projets dans Projects.tsx
Compétences : Mettez à jour les technologies dans Skills.tsx
CV : Remplacez public/cv-dayron-van-leemput.pdf

🚀 Déploiement

Netlify

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

Vercel

npm run build
# Connectez votre repo GitHub à Vercel

GitHub Pages

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 !

Fork le projet
Créez une branche feature (git checkout -b feature/amélioration)
Commitez vos changements (git commit -m 'Add: nouvelle fonctionnalité')
Push vers la branche (git push origin feature/amélioration)
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
🐱 GitHub
📧 Email : dev.dayronvl@gmail.com

Développé par Dayron Van Leemput - Novembre 2025