React JS + Python Django + SQLite | full-stack app tutorial

Related Tutorials:
--------------------
React JS + Python Django + SQLite full-stack app
--------------------
React JS + .NET Core Web API + Microsoft SQL full stack app
--------------------
.NET Core API + Vue JS + Microsoft SQL full-stack web app
--------------------
ASP .NET Core Web API + Microsoft SQL CRUD APIs
--------------------
ASP .Net Core Web API + MySQL | CRUD APIs Tutorial
--------------------
.NET Core Web API + PostgreSQL | CRUD APIs
--------------------
.Net Core Web API + MongoDB CRUD APIs
--------------------
Python Django + SQLite | REST APIs
--------------------
Python Django + PostgreSQL | REST API Tutorial
--------------------
Python Django + MySQL CRUD API Tutorial
--------------------
Python Django + MongoDB CRUD API Tutorial
--------------------
Python Django + Microsoft SQL Server CRUD API Tutorial
--------------------

In this tutorial, you will learn to create a full stack web application from scratch using SQLite DB for the database, Python Django for the backend, and React JS for the front end.

We will first start with creating the backend project with Django and create the required rest API end points. And then we will use React JS for creating the front end project.

-You will learn how to add routing for our app.

-Create bootstrap table with custom sorting and filtering capabilities.

-Add modal pop up windows with drop downs and date pickers.

-We will also learn how to upload an image and store it in the backend server.

[anabeatriz]

Timestamps:

INSTALLATIONS
01:02 - Python
01:50 - VSCode
02:51 - Postman
03:27 - SQLiteStudio
04:05 - NodeJS

MODULES
04:50 - django
05:01 - djangorestframework
05:19 - django-cors-headers

BACKEND
05:30 - Creating Django Project
05:55 - Explaining the Importance of Each File
06:38 - Showing Default Django Template
07:02 - Creating an App
07:49 - Registering the App and Modules
08:47 - Creating models
09:58 - Creating tables
12:58 - Creating serializers
13:35 - Writing API Methods for Department Table
18:02 - Specifying Department urls
19:23 - Testing Department API Methods
21:10 - Writing API Methods for Employee Table
22:32 - Specifying Employee urls
22:45 - Testing Employee API Methods
23:18 - Creating API Method to Save Photo

FRONTEND
26:36 - Creating React Project
27:15 - Showing Default React Template
27:42 - Explaining the Importance of Some Files
28:07 - Modifying App.js
28:31 - Installing Bootstrap
28:59 - Installing react-router-dom
29:20 - Adding Components/Pages
29:33 - Modifying Components/Pages
30:07 - Adding Navigation Menu
32:02 - Creating Variable to Store API Endpoints
32:33 - Modifying Department.js
43:43 - Modifying Employee.js
51:27 - Developmenting Sorting and Filtering Features

[xyera]

This guy deserves likes and subscriptions, I love the content! good video quality ^^

[yuiyuiyui]

Thank you for this great tutorial. Can you make a tutorial to create a login and register page using react, python and sqlLite?

[GeekTousif]

nice... let's make a django- vue tutorial

[olaTechie]

Thanks for the tutorial, can you make more tutorials using functional components, hooks.

[manasahr]

Could you please make a video on ms sqlserver database with python backend and reactjs frontend

[hindsabik]

can you please make a tutorial about react django authentication using token and rest framework ?

[Aakash_savant]

Switch is not part of react-router dom how have you done that

[priyankachoudhari]

I got error 500 internal server error for employeeAPI testing followed your code step by step still

[reylencatungal]

I got an error 404 in photo path / image src of the Photo. How do I solve it?

[szangyi]

Great content, but the robot voice gave me creepy vibes.

[damilola_adegunwa]

i keep getting "not allowed to load local resource" when trying to display the photo!

[tony]

In react-router-dom V6 "switch" have change to "routes".

[word_to_express]

I got 404 error after the urls and veiws folder

[joshuamalcolm]

Can you please make an updated version for Django 4.0, the url import is now deprecated which means I cannot follow this tutorial at all

[reyzhehal]

I still don't understand where Django and React merge. I only see how you created 2 different projects. Can you please explain how Django and React JS merge?