Mon premier CV en ligne | QR Code - Accès rapide

🔗 Lien vers le site

📋 Description du projet

Ce projet est un CV interactif en ligne présentant mon parcours, mes compétences et mes réalisations en tant que développeuse web et mobile en formation. Le site est composé de deux pages principales : une page d'accueil épurée et une page détaillée avec toutes les informations de mon parcours professionnel.

📱 Responsive Design

Le site est conçu pour s'adapter à toutes les tailles d'écran :

Desktop : Affichage complet avec animations
Tablette : Ajustement des éléments pour le tactile
Mobile : Navigation simplifiée avec menu hamburger

🎨 Thèmes

Mode clair : Design lumineux pour la journée
Mode sombre : Design sombre pour le soir

💻 Technologies utilisées

HTML5
CSS3
JavaScript
API GitHub (REST) pour lister mes dépôts publics
Swiper.js pour les carrousels
FormSubmit pour l'envoi du formulaire de contact
FontAwesome pour les icônes
Boxicons pour les icônes supplémentaires
Google Fonts pour la typographie

🚀 Installation et déploiement

Cloner le repository

git clone https://github.com/fannysaez/cv-en-ligne.git

Ouvrir le projet

cd cv-en-ligne

Lancer le site localement Ouvrir le fichier index.html dans un navigateur ou utiliser un serveur local (ex : Live Server dans VSCode).

📁 Structure de mon cv en ligne
├── 📝 README.md
├── 📝 index.html
├── 📝 a-propos.html
├── 📁 css/
│   ├── 🎨 style.css
│   └── 🎨 styles.css
├── 📁 scripts/
│   ├── ⚙️ loader.js                     # Script pour le loader animé
│   ├── ⚙️ slideLeftDegradeColors.js      # Script pour l'animation de dégradé (page d'accueil uniquement)
│   └── 📁 a-propos/
│       ├── 🔧 header-buttonToggle.js     # Script pour le bouton du header (menu hamburger)
│       ├── 🔧 accordeon-experiences.js   # Script pour l'accordéon des expériences
│       ├── 🔧 accordeon-formations.js    # Script pour l'accordéon des formations & certifications
│       ├── 🔧 button-github.js           # Connexion à l'API GitHub + visionneuse du CV en PDF
│       ├── 🔧 popup.js                   # Script pour les popups de réalisations
│       ├── 🌗 theme-toggle.js            # Script pour le changement de thème
│       ├── ✨ skills-animation.js         # Script pour l'animation des compétences
│       ├── ✉️ formContact.js              # Script pour le formulaire de contact
│       ├── ✂️ truncateText.js             # Script pour tronquer le texte trop long
│       ├── 🔽 scrollDownButtonBio.js      # Script pour le bouton de défilement vers la bio
│       ├── 🖼️ galleriesImg.js             # Script pour la gestion de la galerie d'images avec un effet zoom
│       └── 🔍 zoomImg.js                 # Script pour zoomer/déplacer les images des popups de réalisations
├── 📁 assets/
│   ├── 📁 Accueil/
│   ├── 📁 a-propos/
│   │   ├── 📂 bio/
│   │   ├── 📂 realisations/
│   │   ├── 📂 centresInteret/
│   │   ├── 📂 formContact/
│   │   └── 📂 freelance/
│   ├── 📁 docs-print/                   # CV en PDF (imprimable / téléchargeable)
│   └── 📁 img/                          # QR code du projet
└── 📁 Guide-CV-en-ligne/
    ├── 📄 procedureImplantation.md
    ├── 📄 structureAccueil.md
    ├── 📄 structureApropos.md
    └── 📄 fonctionnaliteJavaScript.md

Documentations

📬 Contact

Email : M'écrire
LinkedIn : Fanny Saez
GitHub : GitHub Fanny