Portfolio - Hugo Damion

Présentation

Ce portfolio est un projet full-stack moderne et dynamique conçu pour présenter les projets, compétences et expériences de manière professionnelle et interactive.

Fonctionnalités

Présentation des compétences & projets

• Affichage dynamique des compétences et projets
• Articles détaillés pour chaque projet, incluant des liens vers les démos et le code source
• Affichage des dépôts GitHub avec un bouton "Charger plus"

Intégrations

• Webhook Discord : Envoi de messages depuis le formulaire de contact
• Spotify Embed : Affichage de la musique en cours via l'ID Discord
• Mode Clair/Sombre : Thèmes personnalisables

Expérience utilisateur

• Formulaire de contact interactif avec gestion simplifiée
• Animations modernes (flou, dégradé, grain, transitions fluides)
• Support multilingue (en développement)

Architecture technique

Le portfolio est développé avec :

1. Frontend : Next.js (framework basé sur React)
2. Styling : Tailwind CSS pour une interface évolutive
3. Intégrations API :
   • API GitHub (récupération des dépôts)
   • API Discord (formulaire de contact, statut Spotify)
4. Hébergement : Déploiement sur Vercel pour une exécution rapide et sans serveur

Installation

Prérequis

• Node.js v14+
• Un gestionnaire de paquets (npm ou yarn)

Étapes

1. Cloner le dépôt :

   git clone https://github.com/Logipek/hugo-damion.me.git
   cd hugo-damion.me
   

2. Installer les dépendances :

   npm install
   

3. Configurer les variables d'environnement :

   cp .env.example .env
   # Modifier .env avec votre configuration
   

4. Démarrer le serveur de développement :

   npm run dev
   

5. Accéder à l'application sur http://localhost:3000

Configuration

Variables d'environnement

DISCORD_WEBHOOK_URL | Webhook Discord pour le formulaire de contact

DISCORD_USER_ID | ID utilisateur pour le statut Spotify

Déploiement

Le portfolio est optimisé pour un déploiement sur Vercel :

1. Cliquez sur le bouton ci-dessous pour déployer : Déployer sur Vercel
2. Configurer les variables d'environnement sur le tableau de bord Vercel
3. Déployer et accéder à votre portfolio en ligne

Améliorations futures

• Tableau de bord admin pour gérer les projets et contenus
• Support multilingue amélioré avec traduction automatique
• Intégrations API supplémentaires (Twitter, LinkedIn, etc.)

Contribution

1. Forker le dépôt
2. Implémenter vos modifications
3. Soumettre une pull request avec des détails

Support

1. Ajoutez une étoile au dépôt ⭐
2. Partagez le projet avec d'autres
3. Offrez-moi un café ☕

Licence

Sous licence Apache 2.0. Vous pouvez utiliser, modifier et partager ce projet avec attribution à Logipek.