React & Django Social Media (Portfolio Project) | Set up & User Profile | #1

Показать описание

Hello developers 👋💻

Welcome to my tutorial series where we will be building a social media in React & Django!!

This project landed me a software engineering internship in London - so it’s a great project to have on your Github/CV 💻📝

This is Part One of the series where we will:
- Demo the app
- Set up Django backend
- Build Custom User model
- Build API to get User profile data
- Set up React frontend
- Build User Profile Page in React

A lot of work went into this tutorial so if this helped you please like, comment & subscribe ❤️

Thanks for watching,
MattMakesCode 🙂

------------------------------------------------------------------

SOURCE CODE:

------------------------------------------------------------------

CHAPTERS:

00:00 Introduction
00:38 Demo
1:55 Django Backend Setup
6:10 Custom User Modal
11:10 User Serializer
15:28 Upload Images Config
18:26 API Get User Profile Data
28:05 React Frontend Setup
32:34 Page Layout & Navbar
41:20 Build User Profile
53:02 API endpoint
55:40 Load Data To Profile
1:04:00 Conclusion

Matt Makes Code

Рекомендации по теме

Комментарии

Nice project bro❤
Did you also deploy it on the web?

newtoneffect

Great video. For some reason, axios is able to fetch data from locahost:3000 but not 127.0.0.1:3000. any ideas on why this could be so

ogunleyejoseph

Hi are also using Redux or global state management

madhurchaturvedi

is there no github for the project pls bro

OlamigokeAdebayo

Hello, Would you share the rest of the project?

BMoogle

This github link dosent work. I have errors when tryng to make migrations. It would be bigh help for learning when you publish source code same time as video for this section.. Then is easier to find fault .. learn and analyze what went wrong.

urmet

i am tryng to figure out what is wrong .. but havent find solution jet.. Error ( from .views import get_user_profile_data
File "//backend/base/views.py", line 5, in <module>
from serializers import MyuserProfileSerializer
ModuleNotFoundError: No module named 'serializers'

urmet

React & Django Social Media (Portfolio Project) | Set up & User Profile | #1

Social Media App using react and django

Django & React Web App Tutorial - Authentication, Databases, Deployment & More...

React & Django Social Media (Portfolio Project) | Set up & User Profile | #1

Create a Twitter-like App with Python Django JavaScript and React. Full TUTORIAL

Introduction (Build a Social Media with Reactjs Nodejs and Django )

Build and Deploy a Full Stack Social Media App | React JS, Appwrite, Tailwind CSS, React Query

CS50 Network: A social media website using ReactJS and Django!

React and Django Social Media Site with Real Time Chat

Build a Social Media App with Django – Python Web Framework Tutorial

Django React Social Media, with chat through Channels.

My social media app(so far). Django(Django Rest) and React(Redux, with Material UI).

Complete Django and React Authentication Tutorial: Social Login with Google | Part 1 Backend set-up

CS50 Web Project 4 Network - Social media app using ReactJS and Django

Social Media using Django

Instagram clone user authentication & registration system with social media login react and djan...

Social Hub - FullStack App with React, Django & Firebase.

React & Django Social Media (Portfolio Project) | Search Users | #7

Forget create-react-app! Use THIS instead!!

Django Social Media App | Django and Vue Full Stack Course

React & Django Social Media (Portfolio Project) | Follow Users | #4

React & Django Social Media (Portfolio Project) | Update User | #8 Final

Django VS Flask - Which Should You Learn

Social Media Website Using Django | Python | Full Stack

React & Django Social Media (Portfolio Project) | Create Post & Home Page | #6