Dark Kitchen - BackEnd

Codage du BackEnd du site de ma Dark Kitchen avec NodeJS.

Quelques phrases permettant de connaître, sans jargon ni blabla, le contenu de ce POK. On oubliera pas de donner :

• le niveau et les prérequis nécessaires en utilisant la balise prerequis
• les autres POK & MON en rapport en utilisant la balise lien

POK 12 - Dark Kitchen - BackEnd

Codage en JS (NodeJS).

Ce POK décrit les étapes du développement du site web de notre Dark Kitchen de Fried Rice et de Noodles S&T Goreng. Il comprend la mise en place d'une API REST, la connexion à une base de données MongoDB et des fonctionnalités essentielles côté serveur.

Objectifs principaux

1. Conception des API: construire une API REST avec Node.js et Express.js pour gérer les produits, commandes et le panier. Création des endpoints et de l'architecture API.
2. Modéliser les données : définir les modèles nécessaires avec MongoDB comme base de données pour stocker les informations de manière persistante.
3. Refactoriser et structurer le code pour une meilleure maintenabilité.
4. Rendre le backend fonctionnel pour intégration avec le frontend.

1. Initialisation du projet

• Tâches :
  • Sofiane&Thomas Initialiser un projet Node.js avec npm init.
  • Sofiane&Thomas Installer les dépendances principales : express, mongoose, dotenv.
  • Sofiane&Thomas Configurer un fichier .env pour stocker les variables sensibles comme le port et l’URI MongoDB.
  • Sofiane&Thomas Créer un serveur Express.js fonctionnel qui écoute sur un port donné.

2. Connexion à MongoDB

• Tâches :

  • Thomas Créer un cluster MongoDB sur MongoDB Atlas.
  • [Thomas Configurer la connexion entre le serveur Node.js et MongoDB à l’aide de mongoose.
  • Thomas Définir les schémas et modèles pour :
    • Produits (nom, description, prix, image).
    • Commandes (produits, quantités, prix total, état).
  • Thomas Ajouter des données de test pour les produits.

  3. Création des routes API REST

• Tâches :

  • Sofiane Implémenter les routes suivantes :
    • GET /api/products : Liste tous les produits.
    • GET /api/products/:id : Détaille un produit spécifique.
    • POST /api/cart : Ajoute un produit au panier.
    • POST /api/orders : Crée une nouvelle commande.
    • GET /api/orders/:id : Donne les détails d’une commande.
  • Structurer les routes pour qu'elles utilisent les méthodes CRUD associées.

4. Refactorisation et modularisation du code

• Tâches :
  • Sofiane&Thomas Organiser le projet en modules :
    • routes/ : Fichiers pour les routes (products.js, orders.js).
    • controllers/ : Logique métier séparée des routes.
    • models/ : Définition des schémas Mongoose.
  • Ajouter un fichier utils/ pour des fonctions utilitaires (exemple : formatage des données).

5. Ajout des données et validation simple

• Tâches :
  • Sofiane&Thomas Ajouter des produits par défaut via un script ou directement dans MongoDB.
  • Sofiane&Thomas Vérifier que les produits sont bien récupérés via les routes GET /api/products et GET /api/products/:id.

6. Intégration du Backend avec le Frontend

• Tâches :
  • Sofiane&Thomas Connecter le frontend en Vue.js avec l'API backend en utilisant Axios ou Fetch pour effectuer des appels API.
  • Sofiane&Thomas Tester les appels aux différentes routes API (produits, panier, commandes) depuis le frontend pour vérifier que les données sont correctement affichées et manipulées.
  • Sofiane&Thomas Implémenter des actions sur le frontend comme l'ajout de produits au panier via l'API POST /api/cart et l'affichage des produits depuis GET /api/products.
  • Sofiane&Thomas Vérifier que les pages du frontend, comme le panier et le menu, interagissent correctement avec le backend pour mettre à jour les données de manière dynamique.

Sprints de développement

--

Sprint 1 : Initialisation et serveur Express

• Objectif : Créer un serveur Express.js fonctionnel.
• Tâches :
  • [x] Sofiane&Thomas Initialisation du projet et installation des dépendances.
  • [x] Sofiane&Thomas Configuration du serveur avec express.
  • [x] Sofiane Ajout d’une route de test GET /api/test.

Sprint 2 : Connexion à MongoDB et création des modèles

• Objectif : Configurer MongoDB et définir les schémas des données.
• Tâches :
  • [x] Thomas Création du cluster MongoDB.
  • [x] Thomas Connexion avec mongoose.
  • [x] Thomas Création des modèles Product, Order et User.
  • [] Thomas Ajout de données de test pour les produits.

Sprint 3 : Développement des routes API

• Objectif : Implémenter les fonctionnalités principales de l’API.
• Tâches :
  • [x] Sofiane Routes pour les produits (GET, POST, PUT, DELETE).
  • [x] Sofiane Routes pour les commandes (GET, POST).
  • [ ] Sofiane&Thomas Validation basique des données entrantes.

--

Sprint 4 : Refactorisation et modularisation

• Objectif : Organiser le projet pour faciliter la maintenance et les futures évolutions.
• Tâches :
  • [ ] Séparation des routes, contrôleurs et modèles dans des dossiers dédiés.
  • [ ] Structuration du code en modules clairs (routes/, controllers/, models/).

Sprint 5 : Ajout des données et validation simple

• Objectif : Ajouter des données de test et vérifier le fonctionnement des routes API.
• Tâches :
  • [ ] Ajout manuel ou via script des produits par défaut.
  • [ ] Validation des données récupérées avec Postman.

Sprint 6 : Intégration du Backend avec le Frontend

• Objectif : Assurer la communication entre le frontend Vue.js et le backend Node.js via des API.
• Tâches :
  • [ ] Implémentation des appels API pour récupérer les produits et gérer le panier.
  • [ ] Vérification de l'affichage dynamique des produits dans le frontend.
  • [ ] Tester l'ajout de produits au panier depuis le frontend et la mise à jour des informations de commande.

--

Horodateur

Toutes les séances et le nombre d'heure que l'on y a passé.