← 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

R Recherche WA WhatsApp @ Email IG Instagram