Paiement par virement bancaire · Marocتعلَّم · مارِس · أتقِن

Catalogue / Développement

Projet fullstack : Souk Atlas, une place de marché de A à Z

Le projet qui assemble tout : concevoir, coder, tester et mettre en production Souk Atlas, place de marché d’artisans marocains — React, API Node.js/Express, PostgreSQL, Docker, GitHub Actions et VPS.

  • Intermédiaire à avancé
  • 12 leçons
  • 16 h 30

Formation MasterLinux · Texte original

Ce que vous apprendrez

  • Transformer un besoin client en récits utilisateur, maquettes, architecture et dépôt Git propre
  • Modéliser une base PostgreSQL complète (relations, contraintes, montants en centimes, index) et la faire évoluer par migrations
  • Concevoir puis implémenter une API REST cohérente avec Node.js et Express (contrats JSON, codes d’erreur, validation, pagination)
  • Sécuriser les comptes acheteur et vendeur (mots de passe hachés, sessions en base, cookies HttpOnly, rôles et propriété)
  • Calculer un panier en dirhams avec TVA et livraison, et créer des commandes dans des transactions qui protègent le stock
  • Construire le front React (routes, catalogue, panier avec réducteur et contexte, espace vendeur) branché sur l’API
  • Tester l’application de bout en bout et garder la qualité avec une intégration continue GitHub Actions
  • Livrer en production sur un VPS avec Docker Compose, nginx, HTTPS, sauvegardes testées, supervision et checklist de lancement

Programme de la formation

12 leçons · 16 h 30
Section 1 — Conception3 leçons · 3 h 25
  1. Le projet Souk Atlas : besoins, maquettes, architecture et dépôt Git Aperçu1 h 00
  2. Modéliser les données : schéma SQL, relations et migrations 1 h 15
  3. Concevoir l'API : routes REST, contrats JSON et codes d'erreur 1 h 10
Section 2 — Back-end4 leçons · 5 h 45
  1. Squelette de l'API : structure, configuration et serveur 1 h 20
  2. Produits et catalogue : CRUD, pagination et recherche 1 h 20
  3. Comptes et authentification : inscription, connexion, sessions et rôles 1 h 30
  4. Panier et commandes : transactions, statuts et référence de virement 1 h 35
Section 3 — Front-end2 leçons · 2 h 55
  1. Front React : routes, mise en page et catalogue 1 h 25
  2. Front React : panier, commande et espace vendeur 1 h 30
Section 4 — Mise en production3 leçons · 4 h 25
  1. Tests de bout en bout et qualité 1 h 20
  2. Conteneuriser (Dockerfile, Compose avec PostgreSQL) et CI GitHub Actions 1 h 25
  3. Déployer en production : VPS, nginx, HTTPS, sauvegardes, supervision et checklist de lancement 1 h 40

Prérequis

  • [object Object]
  • La formation « Node.js » (serveur HTTP, Express, modules) ou une pratique équivalente
  • La formation « React » (composants, état, effets) ou une pratique équivalente
  • La formation « SQL » (SELECT, jointures, création de tables) ou une pratique équivalente
  • [object Object]

À qui s’adresse cette formation ?

  • Développeurs qui connaissent chaque brique séparément et veulent enfin livrer une application complète
  • Étudiants (BTS, DUT, licence, écoles d’ingénieurs) qui préparent un projet de fin d’études ou un portfolio solide
  • Freelances qui veulent proposer des boutiques et places de marché sur mesure aux commerçants marocains
  • Développeurs en reconversion qui préparent un entretien de développeur fullstack