Check out public repo

Matthieu Vagnon Case Study (2025)

Web portfolio for Matthieu Vagnon.

Web Application • Portfolio • Matthieu Vagnon

Project Description

This is a React and Next.js web application that allows me to present my profile, including education, degrees, experiences and skills, several of my past projects as well as their respective case studies. This application also allows you to schedule appointments or contact me in a few clicks while offering a pleasant experience on mobile and desktop.

Skills

Web DesignUI/UX DesignResponsive DesignWeb Project ManagementDeploymentWeb Maintenance

Technologies

gitnpmReactNext.jsTypeScriptTailwind CSSMotionChatGPTCursor IDEVercelNode.jsFigmaPixelmator

Problems and Challenges

Need to produce a dynamic and performant React application to demonstrate my skills with public source code while maintaining high-quality SEO.
Limited time to work on this application in parallel with my other projects.
No back-end infrastructure to host the data (profile, projects, ...).

Solutions

Decision to use Next.js as a framework to ensure SEO while leveraging the app router to manage multiple pages.
Use of component libraries like
ShadCN
whose strength is customization to accelerate development while ensuring high code quality and performance optimization.
In order to properly manage application data without having to develop a complete back-end infrastructure, I created a /data folder in which I stored the data needed for the application.

Result

The application is available and presents all essential information about my profile and experiences. The application is pleasant to use and visually beautiful. Visitors can easily schedule appointments thanks to a successful implementation of

Cal.com

. The integration of recommendations from previous clients is also successful and non-invasive.