Skip to content

README.md

Latest commit

 

History

History
56 lines (44 loc) · 1.72 KB

README.md

File metadata and controls

56 lines (44 loc) · 1.72 KB
Raw

NexusDev - Blog Tech & Portfolio

Project Status License Netlify

Une plateforme de blogging et portfolio axée sur le HTML/CSS/Vanilla JS — responsive, accessible et performante.

Demo: https://merphdev-portfolio.netlify.app/

Aperçu rapide

  • HTML sémantique (article, nav, aside)
  • CSS moderne (variables, Grid, Flexbox)
  • Vanilla JS: rendu d'articles depuis data/articles.json, filtrage par catégorie, menu hamburger, mode sombre
  • Accessible: navigation clavier, attributs ARIA, focus visible

Structure suggérée

  • index.html
  • css/styles.css
  • js/main.js
  • data/articles.json
  • assets/images/...

Installation & démarrage local

Option 1 — ouvrir localement (méthode simple)

  1. Cloner : git clone https://github.com/FullStackFlow-dev/NexusDev---Blog-Tech-Portfolio.git
  2. Aller dans le dossier : cd NexusDev---Blog-Tech-Portfolio
  3. Ouvrir index.html dans le navigateur (ou utiliser l’extension Live Server de VS Code).

Option 2 — serveur local via Node (recommandé)

  1. Installer Node/npm si nécessaire
  2. (optionnel) npm install
  3. npm run start
  4. Ouvrir http://localhost:8080

Ajouter un article

Ajouter un objet dans data/articles.json : { "id": "slug", "title": "Titre", "date": "2025-12-29", "category": "Frontend", "summary": "Résumé", "content": "Contenu en HTML ou excerpt", "image": "assets/images/monimage.jpg" }

Contribuer

Voir CONTRIBUTING.md et .github/ISSUE_TEMPLATE pour ouvrir une issue ou PR.

Licence

MIT — voir LICENSE.