Retour aux projets

Portfolio Mathis Higuinen

2025
Projet Personnel

Portfolio développeur full-stack moderne présentant 7 ans d'expérience en développement logiciel. Le site met en avant mes compétences techniques, mon parcours professionnel, et mes projets significatifs à travers une interface élégante et responsive.

Le portfolio intègre EmailJS pour gérer les formulaires de contact (demandes de devis et messages généraux) sans nécessiter de backend dédié. L'architecture Next.js 14 avec TypeScript garantit des performances optimales et une maintenabilité du code.

Le design moderne utilise Tailwind CSS avec un thème sombre élégant, des animations subtiles, et une navigation fluide. Les sections About, Skills, Journey et Projects sont structurées pour guider naturellement le visiteur à travers mon profil professionnel.

Aperçu du projet

Technologies Utilisées

Next.js 14TypeScriptReact 18Tailwind CSSEmailJSVercelLucide ReactNext.js ImageApp Router

Fonctionnalités Principales

Design responsive mobile-first

Section Hero avec présentation accrocheuse

Section About avec bio détaillée

Section Skills avec technologies maîtrisées

Section Journey avec parcours professionnel

Section Projects avec grille de projets

Deux formulaires EmailJS (devis et contact)

Pages détail projets dynamiques

Navigation fluide avec ancres

Optimisation images Next.js

SEO optimisé avec metadata

Thème sombre élégant

Animations subtiles

Footer avec liens sociaux

Architecture modulaire et scalable

TypeScript pour type safety

Déploiement Vercel avec CDN

Défis Rencontrés

Solution Apportée

J'ai développé une architecture Next.js 14 moderne utilisant l'App Router et TypeScript pour un code type-safe. EmailJS gère les envois d'emails côté client avec deux templates distincts (devis et contact). Tailwind CSS assure un design responsive avec un système de tokens cohérent. Les composants sont modulaires et réutilisables (Header, Footer, Hero, etc.). Les images Next.js sont optimisées automatiquement. Le routing Next.js gère les pages projets dynamiques via [id]. Les formulaires utilisent le state React avec validation avant envoi. Le déploiement Vercel assure des performances optimales avec CDN global.

Intéressé par un projet similaire ?

Je serais ravi de discuter de votre projet et de voir comment je peux vous aider