Web · SAÉ 2 · PHP

Projet en action

NeoEat Website

Le site vitrine original de NeoEat, restaurant fictif automatisé par des robots, intégré au portfolio comme une vraie expérience web.

PHPHTML / CSSResponsive
MODE DE DÉMOORIGINALRendu original intégré

Le projet, derrière l’écran

Le projet
sans détour.

Le sujet, le fonctionnement, le point difficile et les choix de code : tout ce qu’il faut pour comprendre le projet rapidement.

LE SUJETSAÉ S1.05 / S1.06 · développement web · projet en groupe

NeoEat imagine un restaurant entièrement automatisé par des robots et transforme ce sujet en site vitrine : menu, équipe, fournisseurs, réservation, contact et contenus éditoriaux.

LE BESOINPourquoi je l’ai fait

Le projet servait à travailler à la fois la construction d’un univers de marque et les parcours web réels d’un restaurant : découvrir, choisir, réserver puis contacter.

EN DÉMOCe que vous pouvez tester

Le parcours principal est jouable ici. Le dépôt GitHub garde la version complète du projet et ses fichiers.

LE FONCTIONNEMENTComment l’idée devient un programme

Le site combine des pages HTML, des feuilles CSS dédiées, du JavaScript pour les interactions et du PHP pour la réservation et l’envoi d’e-mails via SMTP/PHPMailer.

LE POINT DÉLICATCe qui demande de la rigueur

Faire tenir un univers graphique et les parcours de réservation et de contact dans un site responsive.

DANS LE CODEComment les responsabilités sont rangées

Les pages sont séparées par fonctionnalité et les styles par écran. Les images de plats, chefs, fournisseurs, équipe et réseaux sociaux constituent une vraie direction visuelle cohérente.

LE CHEMIN DU PROJETBesoin web Site NeoEat
ENTRÉEBesoin web
01Structurerpages et contenus
02HabillerCSS responsive
03Relierréservation et contact
RÉSULTATSite NeoEat

Démonstration

Voir le projet
prendre vie.

Explorez les fonctionnalités, les interactions et le parcours principal du projet.

Neo Eat — site originalOuvrir seul
Rendu original intégréVoir le dépôt GitHub
i
Pour aller plus loin

La démo montre le résultat. Le dépôt GitHub contient le code complet et les fichiers du projet.