Flower

personnel

Projet publié le 22 juillet 2025

Flower

Galerie Photo - Site Personnel -React

Dans le cadre de mon activité freelance, j'ai conçu et développé un site web vitrine mettant en valeur une collection personnelle de photographies botaniques. Ce projet m’a permis de mobiliser une large palette de compétences techniques, de la gestion des médias à l’optimisation SEO, en passant par la mise en place d’un backoffice sur mesure.

Missions réalisées

  • Développement fullstack avec Next.js 15 (App Router) et MongoDB
  • Intégration Cloudinary pour l’optimisation, la compression automatique et l’hébergement des images
  • Création d’un script d’upload intelligent permettant :
    • le chargement par lots d’images classées en dossiers
    • la transformation automatique des formats (WebP)
    • l’exportation d’un fichier JSON pour l’insertion en base de données
  • Mise en place d’un système de tri dynamique des photos par catégorie, saison, fleur et couleur (via API)
  • Développement d’un carrousel responsive avec système de "likes" enregistrés en BDD
  • Optimisation SEO
  • Intégration de Google Analytics avec bannière de consentement RGPD

Résultats

Un site sécurisé et rapide malgré plus de 100 photos a chargé


Technologies utilisées

Cloudinary
Google Analytics
Google Search Console
MongoDB
Next.js
React
shadcn/ui
Tailwind CSS
TypeScript
Vercel

Liens du projet

Voir le site

Scores du projet

Security Headers

A

Analyse des en-têtes HTTP pour la sécurité globale du site.

Lighthouse 💻 Desktop

Performance 100
Accessibilité 96
Best Practices 100
SEO 100

Lighthouse 📱 Mobile

Performance 95
Accessibilité 96
Best Practices 100
SEO 100

Vidéos de présentation

Version Desktop