Portfolio Website for Yoan Faria

Based on your PDF, I'll create a modern, responsive portfolio website with different tabs to showcase your data science background. This website will organize all your information in a clean, professional layout.

Fonctionnalités du site portfolio

J'ai créé un site portfolio moderne et responsive qui présente toutes les informations de votre PDF de manière organisée et professionnelle. Voici les principales fonctionnalités :

Pages et navigation

• Page d'accueil : Présentation générale avec accès rapide aux sections principales
• À propos : Votre présentation personnelle et pourquoi vous avez choisi la science des données
• Spécialité : Focus sur votre spécialité en science des données et méthodologies
• Compétences : Présentation de vos SAE organisées par semestre avec des onglets
• Objectifs : Vos objectifs à court et long terme
• Contact : Formulaire de contact et vos coordonnées

Caractéristiques techniques

• Design responsive : S'adapte à tous les appareils (mobile, tablette, ordinateur)
• Mode sombre/clair : Possibilité de basculer entre les deux modes
• Navigation mobile : Menu hamburger pour les petits écrans
• Composants interactifs : Onglets, cartes, formulaire de contact fonctionnel

Personnalisation

Vous pouvez facilement personnaliser ce site en :

• Modifiant les textes dans chaque fichier
• Ajoutant vos propres photos
• Changeant les couleurs dans le fichier de configuration Tailwind
• Ajoutant de nouvelles sections ou pages selon vos besoins

Comment utiliser ce site

1. Installez le code dans votre projet Next.js
2. Personnalisez le contenu avec vos informations
3. Déployez le site sur Vercel ou votre hébergeur préféré

Ce portfolio met en valeur vos compétences en science des données tout en offrant une expérience utilisateur moderne et professionnelle.

Comment rendre votre site portfolio disponible pour d'autres personnes

Pour rendre votre site portfolio accessible à d'autres personnes, vous avez plusieurs options de déploiement. Voici les méthodes les plus simples et efficaces :

Options pour rendre votre site disponible

1. Déploiement sur Vercel (Méthode recommandée)

Vercel est la plateforme idéale pour déployer des applications Next.js, car elle est développée par la même équipe.

Étapes :

1. Créez un compte sur Vercel
2. Connectez votre compte GitHub, GitLab ou Bitbucket
3. Importez votre projet depuis votre dépôt
4. Vercel détectera automatiquement qu'il s'agit d'un projet Next.js et le déploiera
5. Votre site sera disponible à une adresse comme https://votre-projet.vercel.app

Avantages :

• Déploiement automatique à chaque push
• Prévisualisations pour chaque pull request
• Performances optimisées
• Certificat SSL gratuit
• Domaine personnalisé facile à configurer

2. Export statique et hébergement traditionnel

J'ai modifié votre configuration Next.js pour générer une version statique du site, ce qui vous permet de l'héberger sur n'importe quel service d'hébergement web.

Étapes :

1. Exécutez npm run build pour générer les fichiers statiques
2. Le dossier out contiendra tous les fichiers nécessaires
3. Téléchargez ces fichiers sur votre hébergeur via FTP ou autre méthode
4. Pointez votre domaine vers ce dossier

Options d'hébergement populaires :

• OVH
• Ionos
• Hostinger
• Amazon S3
• Google Cloud Storage

3. Déploiement sur GitHub Pages

GitHub Pages est un service gratuit pour héberger des sites statiques directement depuis un dépôt GitHub.

Étapes :

1. Poussez votre code sur GitHub
2. Activez GitHub Pages dans les paramètres de votre dépôt
3. Utilisez l'action GitHub que j'ai ajoutée pour déployer automatiquement

4. Partage du code source

Si vous souhaitez simplement partager le code avec quelqu'un pour qu'il puisse l'exécuter localement :

1. Créez un dépôt Git (GitHub, GitLab, Bitbucket)
2. Poussez votre code sur ce dépôt
3. Partagez le lien du dépôt
4. La personne pourra cloner le dépôt et suivre les instructions du README pour l'exécuter localement

Personnalisation pour le nouveau propriétaire

Si vous partagez ce site avec quelqu'un d'autre qui souhaite l'utiliser comme son propre portfolio, il devra :

1. Modifier les textes dans les fichiers du dossier app/
2. Remplacer les informations personnelles (nom, email, etc.)
3. Ajouter ses propres projets et compétences
4. Personnaliser les couleurs dans tailwind.config.ts si désiré

Le README que j'ai ajouté contient toutes les instructions nécessaires pour installer, personnaliser et déployer le site.