django-+-react-build-a-location-based-real-estate-website-0

\ 0:00 Course overview 2:29 What we will build 12:42 Course outline basics of React\ 16:14 Getting started with React 21:46 React components 28:13 Introducing JSX 38:48 More about React components 41:42 React props 45:47 Looping through an array of data 51:21 State (the useState hook) 57:22 Handling events 1:03:07 More about state 1:08:07 Navigation with react-router-dom 1:19:24 Working with links 1:22:32 Section conclusion basics of Material UI\ 1:23:02 Introduction 1:25:07 Getting started with Material UI 1:30:04 MUI component properties 1:33:57 The Typography component 1:40:43 Styling with Material UI 1:47:47 Page layout with Material UI 1:57:27 More about the container grid 2:01:38 Building the home page Introduction 2:02:51 Building the home page The Header 2:12:41 Building the rest of the home page 2:20:30 Re-organizing the code 2:27:05 Section conclusion basics of React-Leaflet\ 2:27:24 What is React-Leaflet 2:29:11 Installing React-Leaflet 2:37:27 Changing the layout of the “listings” page 2:41:13 The map marker 2:47:10 The marker popup 2:50:48 Storing the position of the marker in state 2:55:34 Displaying the listings on the map 3:04:33 Displaying the listings in MUI cards 3:17:23 DrawingImporting shapes in React-Leaflet up the backend\ 3:23:58 Introduction Virtual environment setup 3:26:51 Installing Django 3:29:12 Setting up the listing model 3:39:10 Adding the Location field to the listing model 3:43:04 Installing GeoDjango 3:48:25 Setting up a spatial database (PostgreSQL & PostGIS) 3:52:09 Setting up a custom user model 3:59:02 Creating property listings in the Admin panel 4:16:20 Creating an API endpoint for property listings Django and React\ 4:26:09 Introduction setting up Django Cors Headers 4:28:20 Making requests from the frontend to the backend 4:32:29 Introducing the useEffect hook 4:40:38 Making requests with Axios and the useEffect hook 4:51:20 The correct way of fetching data with React image fields\ 5:01:51 Adding image fields to the listing model 5:10:35 Rendering images in React authentication\ 5:15:13 Introduction Installing Djoser 5:20:36 Building the Registration page 5:34:22 Building the Login page 5:38:16 User Registration (Part 1) 5:50:09 User Registration (Part 2) 5:57:34 Another way of managing state in React 6:14:52 Using the immer-reducer in the Register file 6:24:12 Logging in (Part 1) 6:30:58 Logging in (Part 2) 6:37:13 Conditional rendering of the header (Part 1) 6:56:49 Conditional rendering of the header (Part 2) 7:06:52 Logging out (Part 1) 7:11:45 Logging out (Part 2) listings from the frontend\ 7:22:27 Introduction Updating the listing model 7:28:18 Building the “Add property page” 7:46:50 Placing the map on the form 8:23:40 Uploading images 8:34:36 Finalizing the form 8:50:28 Making the request to add a property listing (Part 1) 9:00:01 Making the request to add a property listing (Part 2) 9:04:42 Modifying the “listings” page user profiles\ 9:18:36 Introduction 9:19:21 Creating the Profile Model 9:31:09 Using Django signals to create a profile for each user 9:38:21 Applying restrictions in the “Add property” page 9:58:15 Building the profile page (Part 1) 10:16:45 Building the profile page (Part 2) 10:34:29 Building the profile page (Part 3) 10:51:36 Modifying the “listings” page 10:52:51 Building the “Agencies” page 11:05:49 Displaying the number of listings for each user 11:15:45 Building the “Agency Detail” page detail page\ 11:34:51 Introduction Creating the component 11:41:09 Setting up the listing detail component 11:48:41 Building the image slider