Portfolio - EYA BEN SLIMANE

Portfolio professionnel moderne développé avec Next.js 14, TypeScript et Tailwind CSS.

🚀 Technologies

• Framework: Next.js 14
• Language: TypeScript
• Styling: Tailwind CSS
• Icons: Lucide React
• Deployment: Vercel / GitHub Pages

📦 Installation

# Installer les dépendances
npm install

# Lancer en mode développement
npm run dev

# Build pour production
npm run build

# Démarrer en production
npm start

🌐 Déploiement sur Vercel

Étapes pour déployer votre portfolio

1. Créer le repository GitHub:

   git init
   git add .
   git commit -m "Initial commit: Portfolio EYA BEN SLIMANE"
   git branch -M main
   git remote add origin https://github.com/ayouta2002/portdellio.git
   git push -u origin main

2. Déployer sur Vercel:

   • Aller sur vercel.com
   • Cliquer sur "Sign Up" (utiliser votre compte GitHub)
   • Cliquer sur "Add New Project"
   • Importer votre repository portdellio
   • Vercel détecte automatiquement Next.js
   • Cliquer sur "Deploy"
   • ✅ Votre portfolio sera en ligne en 2-3 minutes !

3. Configuration automatique:

   • Vercel configure tout automatiquement
   • Build Command: npm run build
   • Output Directory: .next
   • Install Command: npm install

Avantages Vercel:

• ✅ Déploiement automatique à chaque push sur GitHub
• ✅ Optimisé pour Next.js (zero-config)
• ✅ HTTPS gratuit avec certificat SSL
• ✅ CDN global pour performances optimales
• ✅ Prévisualisation des pull requests
• ✅ Analytics intégrés (optionnel)
• ✅ Variables d'environnement faciles à gérer

Votre URL sera: https://portdellio.vercel.app (ou un nom personnalisé)

📁 Structure du Projet

portdellio/
├── app/                    # Pages Next.js
│   ├── page.tsx           # Page principale
│   ├── layout.tsx         # Layout global
│   └── globals.css        # Styles globaux
├── components/            # Composants React
│   ├── ProjectCard.tsx
│   ├── CVSection.tsx
│   ├── LanguageSelector.tsx
│   └── ...
├── data/                  # Données statiques
│   ├── projects.ts       # Liste des projets
│   └── translations.ts   # Traductions FR/EN
├── contexts/              # Contextes React
│   └── LanguageContext.tsx
└── hooks/                 # Hooks personnalisés
    └── ...

🌍 Internationalisation

Le portfolio supporte deux langues:

• 🇫🇷 Français (par défaut)
• 🇬🇧 English
• DE Germany

Le choix de langue est sauvegardé dans le localStorage.

📝 Personnalisation

1. Projets: Modifier data/projects.ts
2. Traductions: Modifier data/translations.ts
3. CV: Ajouter vos PDFs dans public/
4. Images: Ajouter vos images dans public/

📄 Licence

Ce projet est privé et appartient à EYA BEN SLIMANE.

👤 Auteur

Chayma Fouzri

• Email: benslimeneya25@gmail.com
• LinkedIn: EYA-BEN-SLIMANE
• GitHub: EYA-BEN-SLIMANE