Build a Full Stack Web App - Django and React Project 2024

In this tutorial you will learn how to build web apps using Django and React.
Django will be used to build the Rest API and React will be used on the frontend. In this course you will learn how to build a Blog Application with Django and React JS.

Happy learning!!

Source code:

Follow me: -

Table of Contents:
00:00:00 - Introduction
00:02:37 - Getting the source code
00:03:33 - Creating a React project
00:09:00 - Basic overview of React
00:16:02 - Adding Tailwind to React
00:20:50 - Creating the NavBar component
00:23:04 - Creating the Jumbotron component
00:25:17 - Creating the Blog-Heading component
00:26:23 - Creating the Blog-Container component
00:28:01 - Creating the Blog-Card component
00:30:36 - Creating the Footer component
00:31:51 - Adding multiple pages in React
00:35:08 - Adding the global component
00:36:46 - React Router Dom
00:46:27 - Adding the NotFound(404) page
00:49:32 - Building the Rest API starts
00:50:04 - Backend setup with Django and Django Rest Framework
00:51:42 - Creating the Blog model
00:55:27 - Creating the Blog serializers
00:57:42 - Creating the Blog modelviewset
01:00:19 - Creating the Blog routers
01:04:36 - Django migrations
01:06:20 - Adding Blog objects to the database
01:08:58 - Backend - Blog listing
01:10:00 - Using slug as the lookup_field for blog
01:11:29 - Retrieving 6 of the most recent blogs
01:18:06 - Listing the blog endpoints
01:19:46 - Adding blog detail page
01:29:07 - Adding blog edit page
01:33:58 - Adding the delete blog modal
01:39:06 - Configuring CORS-Headers
01:44:35 - Fetching blog posts on the frontend
02:03:13 - Adding a loading spinner
02:12:16 - Fetching the blog detail page on the frontend
02:33:09 - Adding new blogs from the frontend
02:42:05 - Updating a specific blog from the frontend
03:12:03 - Deleting a specific blog post from the frontend
03:33:25 - The End.

[alejandromaggioni]

Thanks Clinton, you're great. Now I'm working on this video about the Blog. But what happened to the videos of the ecomerce project? Greetings

[alexdin]

thanks Clinton, please if you make a video about the deployment with domain name etc... it will be nice because all YouTubers make tutorial without making the most interesting part the deployment


you can use hostinger they will give you a discount coupon for your followers and you can make some litlet money

[oluochian]

Hello Clinton, How about introducing another party to the frontend and backend. Something with docker and nginx.

[andreascoder]

How can I initialize git in the folder, kindly give me the steps to guide me through sir.

[andreascoder]

Hello, Clinton how can both the frontend and the backend in my github, kindly assist on this one.

[andreascoder]

How can I push both the frontend and the backend to github as one link, kindly assist on this one with some directions. Thank you sir.