← Tous les cours Projets Fullstack • Débutant

Django + React : projet Todo List complet jusqu’au déploiement

Un cours projet complet pour construire une Todo List fullstack : backend Django, Django REST Framework, modèle Todo, serializers, views, permissions, JWT, frontend React avec Vite, composants, routes, formulaires, appels API, authentification, PostgreSQL, variables d’environnement, Gunicorn, Nginx, collectstatic, build React, SSL, sécurité et maintenance serveur.

Présentation

Ce que vous allez apprendre

Ce cours guide l’apprenant dans la création complète d’un projet Todo List professionnel avec Django et React. Le backend est construit avec Django REST Framework : modèles, migrations, serializers, ViewSets, routes API, permissions, authentification JWT, validation, pagination et tests de base. Le frontend est créé avec React et Vite : composants, pages, routing, formulaires, appels API, gestion du token, affichage des tâches, création, modification, suppression, marquage terminé/non terminé, filtres et design responsive. Le cours couvre ensuite PostgreSQL en local et production, les variables d’environnement, la séparation dev/prod, le build React, l’intégration avec Django ou serving statique par Nginx, Gunicorn, systemd, Nginx reverse proxy, HTTPS avec Certbot, collectstatic, logs, sauvegardes, sécurité, dépannage et checklist de déploiement. À la fin, l’apprenant sait créer et déployer une vraie application fullstack moderne.

Créer un projet Django propre
Créer une application backend Todo
Installer et configurer Django REST Framework
Créer un modèle Todo lié à l’utilisateur
Créer serializers, ViewSets et routes API
Gérer CRUD complet des tâches
Ajouter authentification JWT
Protéger les endpoints par utilisateur connecté
Tester l’API avec Postman ou navigateur
Créer un frontend React avec Vite
Créer composants, pages, routes et formulaires React
Connecter React à l’API Django
Gérer login, register, token et logout côté frontend
Créer une interface Todo complète et responsive
Configurer PostgreSQL en développement et production
Utiliser variables d’environnement avec python-dotenv ou django-environ
Préparer les settings Django pour production
Builder React pour production
Déployer Django avec Gunicorn et systemd
Configurer Nginx comme reverse proxy
Servir frontend React et backend API
Configurer staticfiles et media files
Installer HTTPS avec Certbot
Lire les logs et corriger les erreurs fréquentes
Mettre en place une checklist production
Programme

Modules et leçons

Ressources

Liens et supports utiles

Continuer

Cours liés

WA WhatsApp @ Email