Bienvenue sur mon portfolio !
Ce projet met en avant mes compétences, mes projets et mon parcours de façon moderne et responsive.
- 🌍 Multilingue : Support complet du Français, Anglais et Turc
- 🌓 Mode sombre/clair : Changement de thème instantané et optimisé
- 📱 Design responsive : Adapté à tous les écrans (mobile, tablette, desktop)
- ✨ Animations fluides : Transitions et effets visuels modernes
- 🎨 Glassmorphism : Design moderne avec effets de verre
- ⚡ Performances optimisées : Chargement rapide et navigation fluide
- 🎯 Navigation intuitive : Menu latéral et scroll-to-top avec progression
- 📊 Sections complètes : À propos, Formation, Expérience, Compétences, Centres d'intérêt, Projets, Langues
- Nuxt.js 3 - Framework Vue.js pour applications web modernes
- Vue.js 3 - Framework JavaScript progressif
- JavaScript - Langage de programmation
- Tailwind CSS - Framework CSS utilitaire
- SVG Icons - Icônes vectorielles optimisées
-
Cloner le dépôt :
git clone https://github.com/Deniz09OK/Portfolio.git cd Portfolio -
Installer les dépendances :
npm install
-
Lancer le projet en mode développement :
npm run dev
-
Accéder au portfolio : Ouvrez votre navigateur à l'adresse :
http://localhost:3000
npm run dev: Lance le serveur de développementnpm run build: Génère une version optimisée pour la productionnpm run preview: Prévisualise le projet après le buildnpm run generate: Génère un site statique
Portfolio/
├── assets/
│ └── css/ # Fichiers CSS globaux
│ ├── main.css
│ ├── components.css
│ ├── timeline.css
│ ├── animations.css
│ └── theme-optimization.css
├── components/ # Composants Vue réutilisables
│ ├── Navigation.vue # Menu de navigation latéral
│ ├── Hero.vue # Section d'accueil
│ ├── Education.vue # Parcours académique
│ ├── Experience.vue # Expériences professionnelles
│ ├── Skills.vue # Compétences techniques
│ ├── Interests.vue # Centres d'intérêt
│ ├── Portfolio.vue # Projets réalisés
│ ├── Languages.vue # Langues parlées
│ ├── Footer.vue # Pied de page
│ ├── ThemeToggle.vue # Bouton de changement de thème
│ ├── LanguageToggle.vue # Sélecteur de langue
│ └── ScrollToTop.vue # Bouton retour en haut
├── composables/ # Fonctions réutilisables
│ ├── useLanguage.js # Gestion de la langue
│ └── useTranslations.js # Traductions multilingues
├── public/ # Fichiers statiques
│ ├── deniz.jpg # Photo de profil
│ └── favicon.ico
├── app.vue # Composant racine
├── nuxt.config.ts # Configuration Nuxt
└── package.json # Dépendances du projet
Présentation générale avec photo, titre, description et liens de contact.
Parcours académique de Epitech à aujourd'hui, avec détails des compétences acquises.
Expériences professionnelles et stages, de l'alternance actuelle aux premiers stages.
Liste complète des compétences techniques : systèmes d'exploitation, langages, frameworks, bases de données et réseaux.
Passions personnelles : culture japonaise, musique, jeux vidéo et mythologie.
Portfolio de projets réalisés avec descriptions, technologies et liens GitHub.
Maîtrise du Français (langue maternelle), Turc (langue maternelle) et Anglais (TOEIC 790/990).
Les traductions se trouvent dans composables/useTranslations.js. Vous pouvez ajouter ou modifier les textes en français, anglais et turc.
Les couleurs principales sont définies dans nuxt.config.ts et peuvent être personnalisées via Tailwind CSS.
Modifiez le fichier components/Portfolio.vue pour ajouter vos propres projets.
npm run buildnpm run generateLes fichiers générés se trouvent dans le dossier .output/public/ et peuvent être déployés sur n'importe quel hébergeur statique (Netlify, Vercel, GitHub Pages, etc.).
Réalisé avec 💙 par Deniz OK