Projet Cook Fusion
Contexte
Mon rôle
Un chef étoilé souhaitait disposer d’un site web pour gérer ses recettes, planifier des sessions culinaires et permettre aux adhérents de réserver en ligne. Une application Android a également été développée pour lui offrir les mêmes fonctionnalités depuis son smartphone.
Dans ce projet, j’ai été responsable du développement de l’interface web pour les adhérents. J’ai conçu les pages en HTML/CSS en veillant à l’ergonomie, la cohérence visuelle et la compatibilité multi-écrans. Mon travail a aussi consisté à adapter l’interface aux données fournies par l’API, en collaboration avec l’équipe pour assurer une expérience fluide et homogène.
Interface Web
Cette image montre l’architecture de mes feuilles de style CSS. J’ai organisé mon code en séparant chaque fonctionnalité dans des fichiers distincts (cartes, formulaires, navigation, responsive, etc.). Cette approche modulaire rend le code plus lisible, facilite la maintenance et permet de travailler efficacement sur différentes parties du projet sans créer de conflits.
Ici, on peut voir la définition de mes variables CSS personnalisées qui définissent l’identité visuelle du projet. J’ai créé une palette de couleurs cohérente avec des variables pour les couleurs principales, les textes, les boutons et leurs différents états. Cette approche assure une uniformité visuelle sur tout le site et permet de modifier facilement l’apparence globale en changeant simplement ces variables
Architecture
Ces images présentent l’architecture complète de mon application PHP. J’ai organisé le projet selon une structure MVC (Modèle-Vue-Contrôleur) avec une séparation claire des responsabilités : les contrôleurs gèrent la logique métier, les modèles s’occupent des données, et les vues organisent l’affichage. Les fichiers sont regroupés par fonctionnalité (formulaires, recettes, sessions, utilisateurs) et les scripts JavaScript sont séparés pour une meilleure organisation. Cette structure logique rend le code plus maintenable, facilite le développement de nouvelles fonctionnalités et permet une collaboration efficace en équipe.
