Simple portfolio

Objectif

Démarrer simplement avec un portfolio de qualité autant au niveau du code (sémantique html correcte, sobre, bon pour le seo) que du rendu final (rédaction simple, ux imbattable car mono-page, responsive).

Pour qui ?

Vous commencez le dev

Pas besoin d'apprendre un framework pour présenter vos projets, une page simple suffit. Et comme il est plus facile de comprendre l'existant que de partir de 0, cette base va vous permettre d'apprendre quelques notions clés et d'appréhender le code.

Vous n'avez pas envie de payer

Couplé à un hébergement gratuit comme Netlify ou Github Pages (la liste est longue), vous pouvez héberger et maintenir le site pour 0€.

Il vous faut un portfolio rapidement

Vous aurez un portfolio en moins d'une heure. Mettez en ligne, rédigez et réorganisez les sections, changez les typos et les couleurs.

Vous voulez dev

Libre à vous d'améliorer la base de ce repo pour avoir un site plus personnalisé ! Et si vous souhaitez contribuer, vous pouvez créer des Pull-request ou ouvrir des discussions pour améliorer l'existant ou ajouter des fonctionnalités ( thèmes, intégrations Réseaux sociaux, blocs...).

Prérequis

Même en simplifiant au maximum, il faut un minimum de connaissances pour dev. Mais pas de panique, vous en êtes capables !

Pouvoir utiliser Git

Avoir un compte github, savoir cloner un projet, pull, faire un commit, push.
Je vous conseille GitKraken : c'est une interface pour faire les pull, push etc. Ça vous permet également de visualiser les branches et commits.

Avoir un éditeur de texte

Beaucoup de MMI utilisent VS Code, c'est polyvalent, puissant avec les extensions.
Je vous conseille l'extension Live Server : permet de démarrer un serveur web à la racine du projet, rafraîchit la page à chaque modification d'un fichier.

Démarrage

1. Forkez le projet sur votre compte.
2. Publiez-le sur un hébergeur gratuit, ex: Netlify (on publie d'abord, ça motive à continuer le site !)
3. Clonez le projet sur votre pc.
4. Ouvrez le projet dans votre éditeur de code et lancez un serveur web à la racine du projet (extension Live server sur VS Code par exemple, ou php -S localhost:8000 si vous avez php d'installé).
5. Modifiez les textes (à propos, titre de page, description etc) pour que le site parle de vous.
6. Pushez tout ça sur le repo, le site en ligne se met à jour
7. Modifiez à votre guise !