Dans ce cours, nous allons voir les différentes architectures web qui existent. Nous allons voir les avantages et les inconvénients de chacune d'entre elles.
Pour chaque architecture, vous allez pouvoir retrouver un exemple simple pour mieux comprendre comment cela fonctionne. Pour le lancer en local, il suffit d'exécuter la commande make dans le dossier de l'architecture que vous souhaitez tester, ou make run-0, make run-1, make run-2... pour lancer la démo de l'architecture de votre choix.
Les commandes lançent les projets en mode prod et non développement : il faut redémarrer le serveur à chaque modification. C'est volontaire, pour que les exemples soient plus proches de la réalité, simples à comprends et non pollués par des outils de développement.
Pour ce TD, vous allez devoir réaliser une application web simple, qui permet de gérer une liste de recettes. Vous allez devoir réaliser cette application en utilisant une des architectures que nous avons vu en cours.
Elle se basera sur une API REST qui permettra de gérer les recettes. Vous devrez réaliser une interface web qui permettra d'interagir avec cette API.
- API : https://gourmet.cours.quimerch.com (elle fournit aussi une interface utilisateur et des routes admin, mais vous n'avez pas besoin de les utiliser)
- OpenAPI (description des routes existantes et disponibles) : https://gourmet.cours.quimerch.com/swagger/index.html
- PAGE
/: Afficher la liste des recettes disponibles - PAGE
/recettes/{recetteID}: Afficher une recette en particulier - Se connecter avec son compte utilisateur (un user/mdp vous sera donné)
- Se déconnecter de son compte utilisateur
- Ajouter une recette à ses favoris
- Supprimer une recette de ses favoris
- PAGE
/favoritesVoir la liste de ses recettes favorites
- Utiliser Docker pour déployer votre application
- Utiliser Git pour versionner votre code
- Utiliser une des architectures vues en cours
- Recommendé
- React (Dockerfile fourni)
- Next.js (Dockerfile fourni)
- Astro (Dockerfile fourni)
- Je peux aussi vous noter sur les technologies suivantes. Cependant, je ne pourrai pas vous aider si vous avez des problèmes avec celles-ci, et je ne fournirai pas de Dockerfile. C'est à vos risques et périls!
- Vue / Nuxt
- Svelte / SvelteKit
- Templating (Django, Go, Ruby on Rails, PHP)
- Recommendé
- 20% Répondre aux exigences (features demandées, pas de crashs)
- 10% Bonne UX/UI
- 10% Code de qualité
- 20% Performance
- 20% Sécurité
- 20% Pratiques professionnelles (tests, CI/CD, documentation, etc...)
Toute initiative est la bienvenue, tant que les fonctionnalités demandées sont bien implémentées. Si vous avez des idées pour améliorer l'application, n'hésitez pas à les implémenter!
| Team Name | Team Member 1 | Team Member 2 | Git Repository | Docker Image Link |
|---|---|---|---|---|
| alpha | ||||
| beta | ||||
| gamma | ||||
| delta | ||||
| epsilon | ||||
| zeta | Laurent Sun | Sharmilan | https://github.com/laurentsunCs/architectures-web | TBD |
| eta | ||||
| theta | ||||
| iota | ||||
| kappa | ||||
| lambda | Antoine Castel | Arnaud PY | Lien GitHub | nonouille/lambda-archi-web |
| mu | ||||
| nu | Elias Salvan | Antoine Pélerin | https://github.com/elsgit43/architectures-web | |
| xi | ||||
| omicron | ||||
| pi | Elie Caratgé | Ayman Ben Souira | ||
| rho | ||||
| sigma | Thibault Muller | Pierre-Louis Veyrenc | tibo-mllr/TP-archi-web | TBD |
| tau | ||||
| upsilon | Alex Melhem | |||
| phi | ||||
| chi | Alexandre Correia | Gustave Legrand | https://github.com/AlexandreCGithub/archiweb-TD | |
| psi | Lisa Lupi | Thomas Soupizet | Lien | |
| omega | Thomas Melwig |