- 14
- 6 990
Matt Makes Code
Приєднався 9 гру 2016
Hi, welcome to my channel 👋,
I'm a Software Engineer working in London, United Kingdom 🇬🇧.
At @MattMakesCode, I post weekly coding tutorials to improve your programming skills & build your developer portfolio in web development! Subscribe to follow my content ❤️🚀
I'm a Software Engineer working in London, United Kingdom 🇬🇧.
At @MattMakesCode, I post weekly coding tutorials to improve your programming skills & build your developer portfolio in web development! Subscribe to follow my content ❤️🚀
React & Django Social Media (Portfolio Project) | Secure JWT Login & Register | #2
Hello @MattMakesCode Community 👋
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 Two of the series where we will:
- Building a secure authentication system (production ready)
- Building Login API with JWT tokens in Django
- Storing JWT tokens in COOKIES
- Building Login Form in React
- Building register API in Django
- Building Register Form in React
A lot of work went into this tutorial so if this helped you please like, comment & subscribe ❤️
Thanks for watching,
MattMakesCode 🙂
-----------------------------------------------------------------
CHAPTERS:
00:00 Introduction
00:19 API Permissions
2:45 JWT token setup
6:04 Store In Cookies
14:55 Authenticate Cookies
20:20 React Login Endpoint
25:55 React Login Form
34:44 Register User API
35:01 React Register Form & endpoint
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 Two of the series where we will:
- Building a secure authentication system (production ready)
- Building Login API with JWT tokens in Django
- Storing JWT tokens in COOKIES
- Building Login Form in React
- Building register API in Django
- Building Register Form in React
A lot of work went into this tutorial so if this helped you please like, comment & subscribe ❤️
Thanks for watching,
MattMakesCode 🙂
-----------------------------------------------------------------
CHAPTERS:
00:00 Introduction
00:19 API Permissions
2:45 JWT token setup
6:04 Store In Cookies
14:55 Authenticate Cookies
20:20 React Login Endpoint
25:55 React Login Form
34:44 Register User API
35:01 React Register Form & endpoint
Переглядів: 51
Відео
React & Django Social Media (Portfolio Project) | Set up & User Profile | #1
Переглядів 53812 годин тому
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 f...
Build A Full Stack Django App (with PostgresDB) | Django Beginners Tutorial
Переглядів 53614 днів тому
Hello @MattMakesCode Community 👋 Welcome to a simple tutorial on DJANGO. This video is for DJANGO BEGINNERS who want to learn how to build a full stack Django app from scratch. We will be building a Notes app that has: - CRUD functionality - Connected to Postgres DB In the video we will cover: - Django Setup - CRUD view classes with Generic views (ListView, CreateView, UpdateView, DeleteView) -...
Django Rest Framework Simplified 2024
Переглядів 44221 день тому
Hello @MattMakesCode Community 👋 Welcome to a simple tutorial on DJANGO REST FRAMEWORK. In this video, you will learn what DJANGO REST FRAMEWORK is, and how to build apis in python using DJANGO REST FRAMEWORK. You will build a GET api, CREATE api, UPDATE api, and a DELETE api. If this video helps you please like the video and subscribe to the channel ❤️ Thanks for watching, MattMakesCode 🙂💻 SOU...
React And Django Secure Authentication #3 | ReactJS Login, Register, Private Routes
Переглядів 63228 днів тому
Hello @MattMakesCode Community 👋 Welcome to a quick 3 part series building a secure authentication system in REACT AND DJANGO. In this series you'll create a login page, registration page, user authentication, user models & more! The authentication will be secure unlike many other tutorials on youtube! In this part, we conclude the series by building our frontend in ReactJS that calls our apis ...
React And Django Secure Authentication #2 | Cookies, Register, Logout
Переглядів 766Місяць тому
Hello @MattMakesCode Community 👋 Welcome to a quick 3 part series building a secure authentication system in REACT AND DJANGO. In this series you'll create a login page, registration page, user authentication, user models & more! The authentication will be secure unlike many other tutorials on youtube! In this part, we will make our JWT authentication more secure by storing them in HTTP COOKIES...
React And Django Secure Authentication #1 | JWT tokens
Переглядів 2,1 тис.Місяць тому
Hello @MattMakesCode Community 👋 Welcome to a quick 3 part series building a secure authentication system in REACT AND DJANGO. In this series you'll create a login page, registration page, user authentication, user models & more! The authentication will be secure unlike many other tutorials on youtube! In this part, we will build the basic authentication using JWT tokens so that a user can logi...
Beginner Ruby on Rails API tutorial 2024
Переглядів 118Місяць тому
Hello developers 👋 In this video, you will learn how to create an API really quick using Ruby on Rails 💻 You will also learn how to test your api using POSTMAN. If this video helped you could you please subscribe to the channel & like the video ❤️ Thanks for tuning in, MattMakesCode🫡 CHAPTERS 00:00 Create Rails APIs 6:36 Test APIs
Learn React by Building an IPhone Calculator
Переглядів 102Місяць тому
Hi @MattMakesCode community 👋 In this video, we're going to build the Apple Iphone calculator. You'll learn how to start a React project as well as learn React fundamentals such React Hooks, Components, React Structure, and more! You'll also have an impressive project for your Github or CV! If this video helped you in anyway, could you please like the video and subscribe to the channel so I can...
Build a React with Ruby on Rails App 2024
Переглядів 1,4 тис.Місяць тому
Hey @MattMakesCode Community 👋 In this video we dive into Ruby on Rails! We will connect it with a React frontend in a todo list application. This will take under an hour! By the end of this video, you will be able to create a full stack ruby on rails and react app as well as have a project for your Github/resumé. If this video helped you in any way, please be kind to like the video ❤️ & subscr...
Deploy a React App to Netlify for FREE
Переглядів 222 місяці тому
Hi everyone 👋 Welcome to @MattMakesCode . This tutorial will show you how to deploy a React App in less than 2 minutes using Netlify and React's build folder. If this video helped you, please like subscribe and comment for more content! 💻❤️
Build a React And Django App #2 | React and Django Beginners
Переглядів 2282 місяці тому
Build a Todo App with React and Django. In this video we will be building the React frontend & connect to our Django backend APIs. Comment, like, and subscribe for more content! ❤️💻
Build a React And Django App #1 | React and Django Beginners
Переглядів 2262 місяці тому
Build a Todo App with React and Django. In this video we will be building the Django apis using Django Rest Framework. Comment, like, and subscribe for more content! ❤️💻
React & Django Oversimplified
Переглядів 622 місяці тому
In this tutorial we will create a simple Hello World App using ReactJS and Django. SUITABLE FOR ALL CODING ABILITIES!! Like, comment, share for more videos like this 💻❤️ Find source code here: github.com/sgmselli/Django-React-Starter-Template
Great mate, good stuff!
@@Deus-lo-Vuilt thanks mate! 😄
I can't hear a single word you're saying
I apologize for this - when recording this tutorial I hadn't bought a mic yet but you'll notice in my latest videos the sound quality/volume is far better!
Great! More Ruby on Rails X React projects please!
Hi are also using Redux or global state management
We’ll be using useContext to serve our components information globally when needed (like if user is authenticated or not). However no global state management like Redux as I wanted to keep this tutorial React & Django specific.
@@MattMakesCode understood 👍
the first two videos were smooth but sadly everything fell apart here
Sorry to hear that! In my new series I am creating a social media in React and Django. My next video will be creating the authentication system and I assure you this will be much smoother!
Hello, Would you share the rest of the project?
@@BMoogle releasing the videos daily, secure authentication system video coming out today!
Sorry I've been unwell the last few days - will be releasing the next few videos over the next few days. Thanks for your patience!
@ It’s okay, i’m waiting ahaha Get well soon Boss xd
This is really great can this also be used in production ??
Yes it can! I can create a video deploying our login system to production.
I am working with typescript and I decided to learnig python, let me know please, is there a way to use route like /user for example to all method like PUT, POST PUT, DELETE ? Thanks for the tutorial:)
Thank you so much Matt! Would be awesome to combine this project with DRF!
@@michalisz.4268 great idea!
Great compa, I hope you can continue uploading this series of videos.
Like and sub , thanks
Thank you! ❤
Please use a *BIGGER FONT* next time 💡
Thanks for the feedback!
ty matt! i would appreciate more django content ❤️
Got something exciting coming soon!
New Subscriber Arrived🙂
Welcome! Thanks for subscribing ❤️
Your tutorial is amazing! I've never seen anything like it. Will npm create vite@latest my-react-app work?
Thanks you!! - npm create vite@latest my-react-app will work but you have to install 'create-vite@5.5.4'. The command will ask you to choose a framework (you'll choose react) as well as ask what variant (you''ll choose Javascript). Hope this helps 🙂
@@MattMakesCode Could you tell me why it's not working with TypeScript? Thank you👍👍
Would appreciate real world complex projects are they coming any near?
@@tayyabullah7460 currently building a video on a Social Media tutorial in React & Django - A project that landed me a SE job
Thankkkkkkkkkkkkkkkkkkkks
Want more about ROR like full stack development in rails
@@loddachakrawarthy1637 Cool. I enjoy making the Ruby on Rails content but wasn’t sure if people wanted more Django. Will make an intermediate Rails project tutorial soon!
@@MattMakesCode wating for it
Hi mate, I really appreciate the tutorials. So incredibly simple and straightforward compared to the crap out there. I would love to see tutorials regarding: - How to setup and use Docker and what each related file is for - CI/CD - Deployment and usage of AWS - Use of git or Github Desktop - and any other aspect of web development that a person needs to know so that they don't have to be reliant on others at work.
Love this idea mate, can work on these asap
@@MattMakesCode Looking forward to them ! If you ever have plans of setting up a Patreon or something I would be more than chuffed to support.
@@kristofferbaker9315 Thank you sm🙏
ty matt! what a timing i just restarted learning django this morning.
You're welcome! Enjoy learning Django & hope the tutorial helps😄
@@MattMakesCode yes it was nice,it refreshed my concepts.Hope ur channel grows bigger soon✨
It is very great video to learn how to authenticate. Please make another video to reset password.
@@ronishemanual9296 thank you! Great idea 😁
Love You for the tutorial 🤍 hope will many tutorial django in future
@@gameandit thank you 😁 working on some now!
Thank You for the tutorial 🤍
you're welcome! 😄
This video was wonderful. Thank you so much! Just curious when the third video will come out? Thanks!
@@ErinKelley-z3e Thanks! Posting midday tomorrow!
Third video is live!
fyyi voice is low. Just started listen
i used an extension for boosting the audio that is playing on the tab, would recommend
I've just bought a new mic for future videos to solve this issue!
Hi could you please update your title to have part 1 something like that... Just to make it easy to identify the start as well helps in continuing 😅. Thanks
Thanks for the feedback, will do!
Pls make a video on django + react + mongodb, a full stack website
Good idea! Will be working on that asap💻
source code please.
Find on my Github at github.com/sgmselli/Rails-With-React-App-Tutorial. Any questions, feel free to ask!
Thank you for this!
@@chrisgrasmussen you’re welcome!
dhanyabad and namaste
hi can u make a django without react tutorial for beginners?
Creating now! Another todo app example project?
@@MattMakesCode yes sure maybe something like notion but much more simpler i feel like notion is too complicated to use
@@thexoyaahmed sure, thanks for your suggestion!
@@MattMakesCode i had some doubt where can i dm u?
@@thexoyaahmed no worries! email me at sellings.matthew@gmail.com