Build a Learning Management System with Django and React

Set up a Django LMS project by creating back end and front end folders, configuring a virtual environment, installing Django 4.2, and scaffolding core, user auth, and API apps.

Learn to customize the Django admin using Jasmine by installing the package, enabling it, and configuring site title, header, branding, logo, and UI tweaks for a tailored admin interface.

Configure static, media, and template files in a Django and React LMS by updating settings.py, urls.py, and creating templates, media, and static directories to serve assets.

Create a custom user model in Django by extending abstract user for email-based login and OTP, and build a one-to-one profile with country and about, plus admin registration.

Use Django signals to automatically create a profile when a user is created, by connecting a post save signal to create and save the related profile.

Explore what Django serializers are and how to serialize user and profile models using a model serializer, with examples of JSON output and REST framework setup.

Learn how JWT (JSON web tokens) enable stateless, API-friendly authentication in Django, and review its benefits, use cases, and setup with DRF Simple JWT and CORS headers.

Create a custom login serializer in Django by extending the Simple JWT token obtain serializer and adding full name, email, and username as token claims.

Create a Django registration serializer with password validation and a registration view, plus a token refresh view, then wire up URLs for a Django and React LMS.

Learn how to build a password reset email verification view in django and react by creating an API view, generating a seven-digit OTP, and wiring it to a verification link.

Implement a password change API view in Django Rest Framework for Lmms using Django and React, accepting otp, uuid, and new password, updating the user and returning 201 created.

Learn how to manage Django environment variables with environs to protect secret keys, read from a .env file, and configure Mailgun secrets and SendGrid for sending emails.

Learn to implement an email system in Django, configuring anymail with mailgun, creating password reset emails using html and text templates, and rendering templates to send via Django mail integration.

Generate API documentation for Django REST framework using drf-yasg, configure urls.py and settings.py, and view Swagger UI for endpoints like token, password reset, and user management.

Explore what React.js is and its advantages, including virtual dom and component-based architecture, then learn installing and setting up a react app with yarn and vite for Django LMS frontend.

Create a Zustand store in a React app to track user information and login status, using a single source of truth and dev tools for development.

Build a custom axios utility for authentication in the Django React LMS, with base url http://127.0.0.1:8000/api/v1, json headers, and request interceptors to extend timeouts and add default auth data.

Develop and integrate login, register, and logout functions in a React Django LMS app, handling access and refresh tokens with cookies, token expiration checks, and automatic refresh.

Define constants in a central constants.js file and import them across axios calls, using a reusable API base URL and user id for consistent, scalable updates.

Learn to use Axios interceptors in React to manage access and refresh tokens, update authentication with set auth user, and access private routes via a base URL and cookies.

Create a main wrapper in React to manage loading and user authentication for the lmms app. It uses useState and useEffect with setUser and conditionally renders children.

Create private routes in React by wrapping pages with a guard that checks authentication via the is logged in state and redirects unauthenticated users to the login page.

Learn to set up template imports and installations for a Django and React LMS. Create a register page, wire routes, and prepare for API calls to register users.

Learn to build a React registration flow with useState, api calls to a Django backend, form handling, loading states, and error handling.

Build a React login component that collects email and password, authenticates via API to receive tokens, stores them in cookies, and navigates to the home page.

Implement a React logout feature for a Django and React LMS by removing access and refresh tokens, clearing user data, and routing to login or register.

Learn to implement a React forgot password flow by capturing email, calling the API to trigger a password reset, and providing loading feedback and error handling.

Create a React password component to capture password and confirm password, validate the match, submit via API using form data, and redirect to login on success.

Build Django models for teacher, category, and course, linking a one-to-one teacher to a user, and using slug, shortuuid-based course IDs, and file and image fields.

Build variant and variant item models in a Django and React LMMS, linking courses, curricula, and reviews while supporting questions, messages, certificates, cards, and video duration handling.

Create question and answer models in Django for course questions and answers interactions. Define foreign keys to the course and user, add a message model, and plan ordering and profiles.

Learn to design and implement the core Django models for an LMS shopping flow—cart, cart order, cart order items, coupons, enrollments, and related entities—preparing for serializers and APIs.

Learn to serialize Django models with model serializers, using class Meta and fields, and configure many and read_only settings for related data.

Learn to build a Django and React LMS API by implementing category and course list views, a course detail view with slug, and proper serializers, permissions, and URL routing.

Learn to build a cards API view in a Django and React LMS to add items to the cart, handling course ID, user ID, country name, price, and tax rate.

Build and test a cutlist API view and a cut item delete API view in a Django and React LMMS project, with URL handling for cut id and item id.

Explore building a cart statistics API view in Django REST framework, computing total price, tax, and total for cart items, with a serializer and a lookup field.

Build a Django and React based learning management system by implementing a create order API view, wiring a serializer, handling cart items, computing totals, and returning a 201 created response.

Implement a Django rest framework checkout API view that retrieves a checkout by order id using a retrieve API view with order_id as the lookup field and a queryset.

Design and implement the coupon apply API view in Django and React, validate order id and coupon code, activate discounts, update order totals, and track usage.

Build a Stripe checkout flow in Django Rest Framework by creating a checkout API view, initializing Stripe with env keys, and composing a session with order data and redirect URLs.

Learn to obtain a PayPal access token in Django REST framework using a function-based view, via client credentials against PayPal's sandbox token endpoint for front-end payment verification.

Implement a Django payment success API view that uses PayPal and Stripe data to verify payments, update order and order item statuses to paid, and return clear payment status responses.