Projet personnel
Café Brume
Site vitrine pour un torréfacteur fictif strasbourgeois. Design premium sombre, animations soignées, système de design complet.
Aperçu
cafe-brume.flavien-remy.net
Interface d'administration
Modifier le site sans toucher au code
Une interface d'administration permet au propriétaire du site de mettre à jour les textes (titres, descriptions, menus, horaires…) directement depuis le navigateur, sans intervention technique.
Accessible via /admin avec mot de passe. Les modifications sont persistées et reflétées immédiatement sur le site.
Accès démo
Mot de passe
cafebrume2026
Contenu modifiable
- —Titre et accroche de la page d'accueil
- —Description et histoire du café
- —Carte des cafés et descriptions
- —Horaires d'ouverture
- —Informations de contact et adresse
- —Liens réseaux sociaux
Points notables
- —Système de design complet — tokens CSS, palette cohérente, typographie 3 fonts
- —Animations scroll reveal via IntersectionObserver, sans librairie externe
- —Marquee infini et interactions hover sur les éléments clés
- —Layout responsive mobile-first sur toutes les sections
- —Architecture en composants isolés avec données statiques typées
- —Interface d'administration pour modifier les textes du site sans toucher au code
Stack technique
Frontend
Next.js 16TypeScriptTailwind CSS v4
Animation
IntersectionObserver
Design
CSS Custom PropertiesGoogle Fonts
Voir le résultat