Django + React : Build a Location-Based Real Estate Website | Discount Coupon for Udemy Course
In this course, Learn & practice React, Django, Django Rest Framework, GeoDjango, Material UI, React-Leaflet, PostGIS | Discount Coupon for Udemy Course
- 17 hours hours of on-demand video
- 2 article
- Full lifetime access
- Access on mobile and TV
- Certificate of completion
- 32 additional resources
In this project-based course, we will build a location-based real estate website. It is going to be a full stack web application with Django powering the backend and React Js the frontend.We are going to build the frontend very fast by using Material UI which is a very easy and intuitive React library for building UI components. Throughout the course we will get to use lots of Material UI components that we will easily style.We are then going to build the API with Django Rest Framework (DRF) and we are going to make requests to the API with React.Leaflet is a JavaScript library for building interactive maps. We will add a geographic aspect to this project by placing the property listings on a map. We are going to achieve that with React-Leaflet which provides a binding between React and Leaflet.We are also going to make our PostgreSQL database be spatially aware by adding the PostGIS extension to it. So, on top of making regular queries to the database, we are also going to make spatial queries (geometric information such as distance).We are also going to cover user authentication with the Djoser library. We will get end users to add, delete or update property listings from the frontend. We are also going to handle both client-side errors and server-side errors in the forms.Once we are done building the website on our local machines, we will then deploy it with Digital Ocean and Namecheap. During deployment, we are going to:Push our project to GitHubGet domain names for the backend and frontendSetup a mailbox in “private email”Setup an SSL certificateInstall and setup Nginx and GunicornStore media file in the cloud with Digital Ocean spacesI will be using:WindowsPython 3.9Django 4.0React 17Material UI 5The following topics will be covered in this course:The basics of ReactReact hooks (useState, useEffect, useContext, useReducer, useRef, useMemo)The basics of Material UIStyling with Material UIThe basics of React-LeafletReact-Leaflet hooks (exp: useMap)Building API endpoints with Django Rest FrameworkAuthentication with DjoserDjango signalsMaking spatial queries with Geodjango and PostGISCalculating distancesDjango deploymentReact DeploymentCreating a remote serverAfter completing this in-depth project-based course, you will know how to connect Django and React. You will also know how take full advantage of a spatially or geographically aware database.Who this course is for:Developers who want take their skills to new levels.Students who want to build real-world projectsDevelopers who want to play with mapsMap lovers
Course Content:
Sections are minimized for better readability, click the section title to view the course content
JOIN OUR WHATSAPP GROUP TO GET LATEST COUPON AS SOON AS UPDATED
JOIN WHATSAPPJOIN OUR TELEGRAM CHANNEL TO GET LATEST COUPON
JOIN TELEGRAMJOIN OUR FACEBOOK GROUP TO GET LATEST COUPON
JOIN FACEBOOKFree Online Tools And Converters for your use
URL Encoder
Input a string of text or a URL and encode the entered string
Try itURL Decoder
Input an encoded string of text or a URL and decode the entered string
Try itColor Contrast Checker (WCAG)
Calculate the color contrast ration for your website (WCAG)
Try itXML Formatter
Paste or upload an XML and have it formatted to a beautiful XML format
Try itURL Slug Generator
Convert any title or sentence into a variety of slugs for your pages URL
Try itE-Signature
Draw an e-signature or type a signature for your online signature
Try it