portfolioannaelle

PortfolioAnnaelle - Lancement dans GitHub Codespaces

Ce projet est un site HTML/CSS/JS pur.
Dans GitHub Codespaces, il est plus pratique d’utiliser un petit serveur local pour pouvoir ouvrir le site via un port.

Prérequis pour le bon fonctionnement de ce site Web

Démarrage rapide

  1. Ouvrir un terminal dans le Codespace
    • Menu : TerminalNew Terminal.
  2. Installer le serveur statique serve (une seule fois) :

    npm install -g serve
    
  3. Aller dans le dossier qui contient index.html (si c’est le cas, sinon pas besoin d’aller dans un dossier):

    cd nomDossier
    
  4. Lancer le serveur sur le port 3000 :

    serve -l 3000 
    
  5. Ouvrir le site dans le navigateur :

    • En bas de VS Code, onglet PORTS.
    • Repérer le port 3000.
    • Cliquer sur l’icône de globe (Open in Browser).
    Le site s’ouvrira alors dans un nouvel onglet de ton navigateur, servi directement depuis le Codespace.
    
  6. Architecture du projet :

    portfolio/
    ├── index.html              ← Point d'entrée principal
    ├── README.md
    │
    ├── css/
    │   ├── style.css           ← Styles globaux (variables, nav, hero, sections, responsive)
    │   └── chatbot.css         ← Styles du chatbot IA
    │
    ├── js/
    │   ├── main.js             ← Curseur Wii, thème clair/sombre, animations, nav, formulaire
    │   └── chatbot.js          ← Réponses du bot, navigation par section, avatar robot
    │
    └── sections/
       ├── projets.html        ← Les 4 projets (Pic du Midi, Intégration, Commande, Fâ)
       ├── competences.html    ← CV, formation, grille de compétences
       ├── stages.html         ← Stage FEBUS OPTICS + Stage ARGITIK
       ├── veille.html         ← Veille Cybersécurité + Veille Snyk
       ├── contact.html        ← Infos contact + formulaire
       └── chatbot.html        ← HTML du bouton flottant et fenêtre chat
    

Fix rapide (En cas de probleme de push) : a

git config pull.rebase true
git pull origin main
Ça rebase tes changements locaux au-dessus des remote (histoire linéaire, propre pour GitHub Pages).
​

Alternative merge (si tu préfères garder historique) :

bash
git config pull.ff only
git pull --no-rebase origin main