Portfolio

Créez et publiez son portfolio de développeur

Détails du projet à effectuer

Ce projet, fait parti d’un exercice de ma formation avec OpenClassrooms.

Le but de ce projet est de nous faire créer notre portfolio pouvoir commencer à postuler à des offres d’emploi de développeurs.
Dans ce projet, je vais devoir développerez mon propre site personnel pour gagner en visibilité et montrer mes projets et mes compétences au monde entier.

Contraintes du projet :

Le site doit présenter mon profil de développeur (ma formation et mes compétences) ainsi qu’au moins 2 projets sur lesquels j’ai travaillé, durant cette formation ou ailleurs. Pour chaque projet, il faut au minimum le contexte et une description du projet ainsi qu’un lien vers le code ou le site.
Les projets présentés sur le site, doivent pouvoir être ajoutés et modifiés depuis l’interface d’administration de WordPress.
Ce site doit être créé à partir de WordPress en local, puis il doit ensuite être déployé en FTP, sur le serveur de mon choix.
Le site doit être accessible en ligne via internet et doit être responsif.

Pour le reste, vous êtes totalement libre de développer le site comme vous l’entendez.

Ce que j'ai fait

Pour ce projet, je suis partie sur la base du thème Astra mais il ne me sert que de base de travail.
J’ai utilisé WP 6.2 et uniquement Gutenberg comme constructeur de pages pour les parties qui ont été créés sur WP.

J’ai installé ACF pour créer et gérer mes réalisations (gestion des custom post type et des taxonomies).

La page single a été créé à 100% avec du code. Absolument rien sur WP.
Il y a 2 types de single page : 1 générale pour tous les publications et 1 réservée pour les réalisations à partir d’exercices.

Pour les autres pages « Accueil » et « Liste des réalisations », j’ai mixé la création de la base des pages sur WP avec des éléments qui ont été codée (création de short-codes).

Pour les sliders de la page d’accueil, j’utilise Swiper JS avec un mode d’affichage en fade. Et pour les sliders des singles pages, j’utilise l’extension Smart Slider 3.

Les animations sont toutes gérées par CSS. Et JavaScript est utilisé uniquement pour gérer Swiper et les filtres de la page de la liste récapitulative des réalisations.

Création du nom de domaine stephane.mouron.fr et mise en place de ce portfolio chez l’hébergeur Hostinger.
Déplacement des 11 autres projets qui étaient chez l’hébergeur Infomaniak pour cet hébergement.

Evolution depuis la mise en place, ajout d’extensions pour :

Gérer le sitemap du site et les SEO.
Renforcer la sécurité du site.
Gérer les cookies et les RGPD.
Suppression des projets qui n’avait pas d’intérêts et ajout de réalisations personnelles.
Nettoyage de l’affichage des informations pour n’afficher que le principal.
Modification de la page d’accueil.

Voir le site