Consultez le repo public
ici

Cas pratique Matthieu Vagnon (2025)

Portfolio web pour Matthieu Vagnon.

Application Web • Portfolio • Matthieu Vagnon

Description du projet

Il s'agit d'une application web React et Next.js qui me permet de présenter mon profil, incluant éducation, diplômes, expériences et compétences, plusieurs de mes projets passés ainsi que leur étude de cas respectives. Cette application permets également de prendre rendez-vous ou de prendre contact avec moi en quelques clics tout en proposant une expérience agréable sur mobile et desktop.
Compétences
Design webDesign UI/UXResponsive designGestion de projet webDéploiementMaintenance web
Technologies
gitnpmReactNext.jsTypeScriptTailwind CSSMotionChatGPTCursor IDEVercelNode.jsFigmaPixelmator

Problèmes et enjeux

  • Nécessité de produire une application React dynamique et performante pour démontrer mes compétences avec un code source publique tout en maintenant un SEO de haute qualité.
  • Peu de temps pour travailler sur cette application en parallèle de mes autres projets.
  • Pas d'infrastructure back-end pour héberger les données (profil, projets, ...).

Solutions

  • Décision d'utiliser Next.js comme framework afin de garantir le SEO tout en tirant profit de l'app router pour gérer les pages multiples.
  • Utilisation de librairies de composants comme
    ShadCN
    dont la force est lacustomisation pour accélérer le développement tout en garantissant une qualité de code élevée et une optimisation des performances.
  • Afin de gérer les données de l'application proprement sans avoir à développer une infrastructure back-end complète, j'ai créé un dossier /data dans lequel j'ai stocké les données nécessaires à l'application.

Résultat

L'application est disponible et présente toutes les informations essentielles sur mon profil et mes expériences. L'application est agréable d'utilisation est visuellement belle. Les visiteurs peuvent facilement prendre rendez-vous grâce à une implémentation réussie de
Cal.com
. L'intégration des recommendations de précédents clients est également réussie et non invasive.

LIENS ASSOCIÉS

YouTube
Instagram
GitHub
Fait avec ❤️ par Matthieu Vagnon - v1.2.0
English
-
Français
-
日本語