Portfolio
Site web réalisé en React, Gatsby, Gatsby Mdx, Styled-component, Framer-motion.
Réalisé en 2022
Il s'agit de ce site web présentant mon activité et certains projets réalisés.
Ce site propose une page web de présentation et une page pour chaque projet.
L'utilisation du framework Gatsby permet d'alléger considérablement le temps de chargement du site et apporte de nombreux avantages pour la réalisation de site professionnel (SEO, réplication du site, gestion des images, gestion du contenu, etc...)
Les pages de présentation des projets sont générées dynamiquement à partir de fichiers MDX.
L'intérêt de l'utilisation du plugin MDX de Gatsby repose que sa simplicité d'utilisation une fois la configuration réalisée : l'ajout ou la modification du contenu de ces pages est facilité et peut être réalisé par des non-informaticiens.
Les effets dynamiques sur les pages web du site sont réalisé avec la librairie Framer-motion et CSS (Styled-component).
Slider et Texte flottant.
Le titre flottant est réalisé avec la gestion du scrolling de la librairie Framer-motion. Le slider d'image est réalisé avec le plugin gatsby-image-background-slider.
Affichage progressif.
L'affichage progressif des éléments des pages du site est obtenu en utilisant la détection de l'affichage des éléments fournis par la librairie Framer-motion.
Mosaïque de projets.
Chaque image de la mosaïque est remplacée par un texte au survol de la souris. Ce mécanisme à été développé en utilisant la librairie Framer-motion et CSS.