What you would learn in Django + React : Build a Location-Based real estate website course?
In this course-based on a project, we will create a real estate site based on location. It will be an all-in-one web-based application, with Django running the backend and React Js for the frontend.
We'll create the frontend in a short time with Materials UI, which is an easy-to-use and straightforward React library that allows you to create UI components. In the course, we'll be able to utilize a variety of Material-based UI elements, which can be easily styled.
We will then develop the API using Django Rest Framework (DRF) and then submit a request to this API by using React.
The leaflet is a JavaScript library to build interactive maps. We'll add a geographical aspect to this project by putting the listings of properties on the map. We will achieve this using React-Leaflet, which acts as an interface between React and Leaflet.
We will also create our PostgreSQL database spatially aware by incorporating the PostGIS extension. In addition to performing regular queries to the database, we're also planning to create geo-spatial queries (geometric information, such as distance).
We also plan to provide user authentication using our Djoser library. We will enable end-users to add, edit or modify property listings on the front. We will also deal with both client-side errors and server-side errors that occur in the forms.
After we have completed building the site on our local machines, we'll release it via Digital Ocean and Namecheap. When we deploy, we're planning to:
We need to push our project onto GitHub
Find domain names for front and backend
Create a new mailbox under "private email."
Install an SSL certificate
Install and configure Nginx and Gunicorn
Save media files in the cloud using Digital Ocean spaces
I'll use:
Windows
Python 3.9
Django 4.0
React 17
Material UI 5
These topics are addressed in this class:
The fundamentals of React
React hooks (useState useEffect, useContext, useState UseReducer, useRef UseMemo)
The basic principles of MaterialUI
Styling using Material UI
The basic principles of React-Leaflet.
React-Leaflet hooks (exp: use map)
Making API endpoints using Django Rest Framework
Authentication using Djoser
Django signals
Django and PostGIS to make spatial queries. Geodjango and PostGIS
Calculating distances
Django deployment
React Deployment
The creation of Remote Servers
After finishing this in-depth course on projects, you'll be able to connect both Django and React. Additionally, you will know how to make the most of the ability to use a geographically or spatially sensitive database.
Course Content:
- Connect React and Django
- Create an API using the Django Rest Framework
- Interactive maps using React-Leaflet
- Use spatial queries to create spatial maps using Geodjango and PostGIS
- Install a full-stack application that includes Digital Ocean and Namecheap
- The fundamentals of React
- The fundamentals of Material UI
- The basic principles of React-Leaflet.
- Backend Authentication using Djoser
- Setup Nginx and Gunicorn
- Set up SSL certificate
- Files of media can be stored using Digital Ocean Spaces
Download Django + React : Build a Location-Based real estate website from below links NOW!