Django 2 & React: Build a Realtime web app

Create a Django project with apps, register the app, configure settings, and run the development server to explore project structure and prepare for database migrations.

Create and migrate a Django model to store notes in a database, then access the admin panel to manage data after running migrations and creating a superuser.

Install and configure Django channels with Redis, set up routing and a channel layer, build a websocket consumer, and enable live updates for a notes app.

Set up the React front end for a Django 2 real-time web app by creating the app with create-react-app, installing bootstrap, and wiring the UI to the backend.

Create the main layout for a Django 2 and React realtime web app using Bootstrap, with a two-column interface: notes list on the left, editing form on the right.

Create a notes listing user interface with a custom components architecture. Render notes with a map and list group, and manage selection and creation through React state.

Learn how to connect a Django 2 backend to a React frontend by running the server, creating a JavaScript client to call the API, and fetching real data for rendering.

Save new notes by adding a dedicated note form component in React, capturing title and content, submitting to the API to store in the database, and resetting inputs after submission.

Learn to implement real-time updates and synchronization via websockets between a React front-end and server, enabling automatic saving to the database.