Aperçu
Screenshots
Un projet complet pour un fast-food de qualité : un site web React vitrine et une application mobile React Native pour commander depuis son téléphone.
Site web React
Site vitrine moderne présentant la carte du restaurant, les promotions en cours et les informations pratiques. Développé en React, déployé sur GitHub Pages. L'interface mise sur un design sombre et chaleureux, fidèle à l'univers du burger artisanal.
Voir le siteApplication mobile React Native
Application mobile permettant de consulter la carte, personnaliser sa commande et la passer directement depuis son smartphone. Conçue sur Figma puis développée avec React Native & Expo pour iOS et Android.
Voir sur FigmaStack technique
Challenges
Maintenir une identité graphique unifiée entre deux codebases distincts (React web et React Native). Résolu grâce à un design system défini sur Figma avec des tokens de couleurs, typographies et espacements partagés.
Concevoir une navigation naturelle sur l'app (accueil, carte, panier, profil) sans surcharger l'interface. Implémentée avec React Navigation via une bottom tab bar personnalisée adaptée à la charte du restaurant.
Les visuels des burgers étant très lourds, le temps de chargement était dégradé sur mobile. Résolu par la conversion en WebP, le lazy loading natif et des skeleton loaders pour améliorer le ressenti utilisateur.
Certains composants React Native se comportaient différemment selon la plateforme. Utilisation des API Platform et des styles conditionnels pour garantir une expérience identique sur iOS et Android sans dupliquer le code.
Aperçu
Testez le site web ou explorez le design de l'application sur Figma.