Portfolio
Icemania
Application web complète pour la glacerie artisanale Icemania. Le projet offre un menu produits complet, système de commande, panneau compte utilisateur et support pour 3 langues (PL, EN, DE) avec animations professionnelles basées sur le défilement.
Voir la Démo LiveFonctionnalités Clés
Système Multilingue
Système i18n personnalisé supportant 3 langues (Polonais, Anglais, Allemand) avec ~300 clés de traduction et persistance dans localStorage
Animations Avancées
GSAP 3.14 avec ScrollTrigger pour animations basées sur le défilement, effets parallax et animations de cartes échelonnées
Menu & Commandes
Menu produits complet avec filtrage, détails produit, panier et système de commande
Panneau Utilisateur
Authentification avec AuthContext, panneau commandes (actif/archive), profil utilisateur et historique achats
Design Réactif
Approche mobile-first avec MobileBottomNav dédié, layouts adaptatifs et système de design personnalisé
Optimisation Performance
Next.js 16 avec Turbopack, React Compiler, optimisation automatique images et code splitting
Stack Technologique
À Propos du Projet
Icemania est une application web moderne créée pour une glacerie artisanale offrant des glaces naturelles. L'objectif principal était de créer une plateforme intuitive pour parcourir le menu, passer des commandes en ligne et gérer les comptes utilisateurs.
L'application a été construite avec les dernières technologies: Next.js 16 avec App Router, React 19 et TypeScript. Elle utilise un système multilingue personnalisé supportant 3 langues avec persistance complète du choix utilisateur. Le système de design repose sur une palette de couleurs personnalisée (#5C1A1B, #B4CFB0, #F9F5E7) et Tailwind CSS.
Un élément clé de l'UX sont les animations GSAP avancées avec ScrollTrigger, créant des transitions fluides et professionnelles et des effets parallax. L'application offre une fonctionnalité e-commerce complète: navigation menu, filtrage produits, ajout au panier, gestion commandes et panneau utilisateur avec historique achats.
Le projet se distingue par une architecture basée sur React Context API (LanguageContext, AuthContext), custom hooks pour logique réutilisable et pattern Server/Client Components. Le déploiement sur Vercel avec optimisation automatique des images et code splitting garantit chargement ultra-rapide et excellentes performances.