Vite & Gourmand - A Modern Education Restaurant Webpage (DRAFT)

This project was created as part of the Studi curriculum by dylan lesieur

A from scratch web page designed to be hackable, observable and pleasant to use.

---

Quick Start

🐳 Option 1: Containerized Development (Recommended for School/Restricted Systems)

Only Docker required on your host machine! No Node.js, npm, or other dependencies needed.

# Clone the repository
git clone <repository-url>
cd vite-gourmand

# Full containerized development (everything runs in Docker)
make docker-dev

This will:

1. Build a development container with Node.js 22
2. Fetch .env from Bitwarden vault (interactive)
3. Install all dependencies inside the container
4. Compile TypeScript and generate Prisma client
5. Start dev servers (accessible at localhost:3000 and localhost:5173)

Useful Docker commands:

make docker-shell    # Open interactive shell inside container
make docker-dev-logs # View server logs
make docker-stop     # Stop the dev container
make docker-fclean   # Full cleanup (remove containers & volumes)
make docker-restart  # Restart servers inside container

💻 Option 2: Local Development (Host Node.js)

If you have Node.js 20+ installed on your machine:

# Clone the repository
git clone <repository-url>
cd vite-gourmand

# Full automatic setup
make

🔧 VS Code Dev Container (Best IDE Experience)

For full IDE support inside Docker:

1. Install the "Dev Containers" VS Code extension
2. Open the project folder
3. Click "Reopen in Container" when prompted (or F1 → "Dev Containers: Reopen in Container")
4. VS Code will build the container and open your workspace inside it

Available Make Commands

make help                  # Show all available commands
make                       # Full bootstrap (local Node.js)
make docker-dev            # Full bootstrap (containerized)
make turn-on / turn-off    # Start/stop servers
make logs                  # View server logs
make fclean                # Full cleanup

---

What Is This Project ?

Vite & Gourmand is a company constituted of two people Julie and José. To overcome the stream flow of client and new opportuntities both of them had the idea to create a webpage that make their webpage more visible. They chose to hire a tenary company that would provide the service of building this webpage for them.

FastDev is the name of the company and chosen to lead teh project as soon as possible. Delivering a quick and efficient prototype but also appealing enouh and accessile are rules that make this task harder..

From this 30/01/2026. I've got around two weeks to come with a solution and make it both operational, and practical.

The main purpose of this webpage is to show the menus and give the possibility to the user to order their dishes..

clik here to access the requirements

Architecture of this webpage

Database

The firs things we're very sure about is how the datas has to be treated as the school gave us how to implement them throught a diagram UML.

Why This Project ?

This project is my ECF alias continual formation assesment from my other school studi that I applied to pass the title of webd eveloper full stack.

The project gives a certain amount of freedoms and requirements that I need follow along the way I'm doing the webpage.

Current State of the project

References & Documentations

• RGAA
• Glossay
• Uml
• Github project
• convert md to pdf with dillinger.io || convert md to pdf with markdowntopdf
• Git workflow
• docker Docs
• opinion about using TS on both side back and front
• Zod 4
• Powershell docs
• lear how to use prisma with nestjs
• manage OAuth app breanding
• typescript docs
• Unsplash API
• RGPD
• RGAA
• CS50 SQL Notes

Use Of AI

Documentation & Research - Used to clarify ambiguities in edge cases where conventions differ and to research complex topics not detailed in standard textbooks, ensuring realistic solutinos within the project's scope.

Concept explanation - Served as a study aid to solidify the understanding of abstract functionalities and architectural requirements necessary for building a webpage

Code Generation - Not used for logic implementation; limited to clarifcation stufy

❤️ Why I Loved Working On It

• It's a genuine, real-world project I could reason about
• it rewards careful thought about APIs, ownership, and semantics
• It's fun to see it get closer and closer to real project that we could use daily

🚨 VOS DATES D’EXAMEN - RAPPEL DEADLINES ECF & DOSSIER PROFESSIONNEL Promotion JUIN / JUILLET 2026 - Session ÉTÉ 2026

Cette publication s’adresse aux apprenants positionnés sur la session Été 2026 et ayant complété le formulaire d’inscription à l’examen.

Vous trouverez ci-dessous les deadlines obligatoires liées au passage de votre examen :

◼ 🚨 ECF finale - Session Été 2026 👉 Jeudi 19 février 2026 à 23h59 (heure de Paris)

◼ Dossier professionnel / Dossier projet 👉 Vendredi 1er mai 2026 à 23h59 (heure de Paris)

⚠️ Tout dépôt hors délai ne pourra pas être pris en compte.

Avant de déposer votre ECF finale, votre Dossier professionnel ou votre Dossier projet, merci de respecter les bons réflexes suivants :

→ Utiliser le modèle de copie s’il est mis à disposition dans l’onglet « Évaluations »

→ Relire attentivement votre travail et vérifier le respect des consignes (exemple : captures d’écran demandées, lisibilité, etc.)

→ Déposer un fichier unique au format PDF, comprenant l’ensemble des pages attendues

→ Vérifier que vous déposez la bonne copie au bon endroit dans l’onglet « Évaluations »

💡 Je vous invite à visionner le replay des lives examens animés par votre formateur référent Christian Lohez.

💬 En cas de question, rendez-vous dans votre onglet Forum > Questions sur vos parcours. Pour une question générale, pensez également à consulter la FAQ.

https://faq.studi.fr/article-categories/evaluation_examens/

How to use a fresh machine

1. Clone & cd into repo

git clone && cd vite-gourmand

2. Login to Bitwarden once (stores session)

export BW_SESSION=$(bw login --raw)

— or if already logged in —

export BW_SESSION=$(bw unlock --raw)

3. One command does everything

make