Skip to content

🍰 Patachoux sans gluten – Site vitrine et boutique en ligne avec Django REST & Vue.js ​

Aperçu ​

Patachoux sans gluten

Contexte ​

Dans le cadre d’une commande pour un client réel disposant d’une micro-entreprise spécialisée dans les pâtisseries sans gluten, j’ai développé un site e-commerce sur mesure. L’objectif était de créer une boutique en ligne moderne et responsive, accompagnant le lancement officiel de l’activité du client.

Le développement a été réalisé en autonomie, avec échanges réguliers et retours clients à chaque étape clé du projet.

Objectif ​

Concevoir une application web combinant :

  • Un front-end dynamique en Vue.js pour la navigation dans le catalogue, le panier et le tunnel de commande
  • Un back-end Django REST Framework avec une base de donnĂ©es relationnelle pour gĂ©rer les utilisateurs, les produits, les commandes et les paiements
  • Un module d’achat sĂ©curisĂ© via Stripe, nĂ©cessitant la crĂ©ation d’un compte utilisateur
  • Une interface d’administration Django pour la gestion complète du site
  • Une section blog / articles pour optimiser la visibilitĂ© du site

Le tout déployé sur un VPS auto-hébergé pour garantir indépendance et contrôle total sur l’environnement de production.

Défis techniques ​

  • Mise en place de l’authentification utilisateur, de la gestion de session cĂ´tĂ© front (Vue.js) et back (DRF)
  • IntĂ©gration complète de Stripe : crĂ©ation des sessions de paiement, gestion des webhooks et validation des commandes
  • Affichage dĂ©taillĂ© des allergènes et des traces sur chaque fiche produit pour rĂ©pondre aux contraintes de santĂ© des clients
  • Structure API RESTful propre pour gĂ©rer produits, paniers, utilisateurs et commandes
  • DĂ©ploiement complet sur VPS : configuration de Nginx, HTTPS via Let's Encrypt, Gunicorn, supervision du backend
  • AccessibilitĂ© et SEO : code sĂ©mantique, structure HTML claire, responsive design, sans aller jusqu’aux optimisations les plus avancĂ©es

Compétences développées ​

  • DĂ©veloppement full-stack Vue.js / Django REST Framework
  • MaĂ®trise du modèle client-serveur et de la sĂ©paration des responsabilitĂ©s (API vs interface)
  • ComprĂ©hension approfondie de Stripe API et du traitement des paiements sĂ©curisĂ©s
  • Utilisation de GitLab pour le versionnement et le suivi du projet
  • DĂ©ploiement d’une application web complète en production avec environnement VPS
  • Échanges rĂ©guliers avec un client rĂ©el, prise en compte des retours et ajustements fonctionnels

Liens utiles ​

Logo de GitlabGlobe avec les méridians