Видео

Can do! I'll upload the project we are working on together and push changes after each video so it will update as we go along.

Next video out today!

Do you mean you get forbidden when you try to call the notes api?

I'll create a repo for it! I'll upload the project we are working on together and push changes after each video so it will update as we go along.

@@tuds8 thanks!❤️

Thanks for watching and I’m glad it was helpful! Goodluck with the rest of your learning!

Great idea! I’ll start working on it soon!

Thank you! 🙏

@@ogunleyejoseph5682 Thanks! I believe you need to add 127.0.0.1:3000 to your CORS_ALLOWED_ORIGINS array in settings.py.

Hi Marc, I've never seen this before. I just did some research and it seems that browsers are updating http to make apps more secure from third party cookies (our django api is third party as it is hosted on a different domain to react). To make it more secure, cookies will have to include a partitioned attribute. However as this is very new so django hasn't yet made an attribute for it in 'set_cookie()'. This means we would have to implement this in our middleware.py file to send this partitioned attribute in with our cookies. I'll look into this further so I can code it up!

@@giannisidorelegaspi2563 thank you 🙏

what is your error?

my endpoint api: const Base_Url = '127.0.0.1:8000/api/'; const api = axios.create({ baseURL: Base_Url , withCredentials:true }); export const get_user_profile_data = async(username) =>{ const response = await api.get(`user_data/${username}`); return response.data; }

That code looks fine, does your terminal in your frontend or backend say an error?

@@MattMakesCode please help me to get it resolved

@@MattMakesCode getting error for frontend

@@giannisidorelegaspi2563 thanks so much & that is really impressive! If you have a GitHub which you’ve posted this to id love to take a look!

Hi! Okay this could be a number of things - can you make sure you've set the cookies correctly. as in it should be the exact same as the tutorial states it. You need secure=True, httpOnly=True, path='/', and samesite="None" Making sure "None" is in quotes

If this isn't the solution I'll think of a few more. Otherwise you can send me a zip file of your code or upload it to github and ill check it out!

@@MattMakesCode bro ongod, i was trying to debug like for 2 hour straight , the error was i samesite=None instead of "None". Thank you for your efforts though, much appreciated

Haha that’s the way it goes, at least you got it in the end man. Any other issues just comment!

For this tutorial it’s aimed for people with both basic react and Django knowledge, however if you’re looking to learn react and how to implement it with Django you can check out my todo list react and Django app video on my channel. I can make a video that goes into more depth with the two also! Hope your learning goes well brother and thanks 🙏

@@MattMakesCode nice bro thank you for sharing, i have both basic knowledge keep moving forward bro, your video will very helpful

@@nyanpantsu9027 thanks brother ❤

Thank you ❤️ Will try to publish for this evening but it is difficult as work is busy at the moment! If not it will be published Friday - series will end next week!

@@supopsobi4786 Hi! Are you using a Windows PC?

make sure Django is installed in your env

Thanks brother - yes & will be showing how to deploy the project in the last video of the series (coming soon)

Great idea - can start working on this soon!

@@xudan_the_creator coming soon! (Possibly today)

@@MattMakesCode Thanks bro. Awesome series

@@happydays5218 thanks man🙏🏻

Will do, thanks for the feedback!

Thanks! Yes the last video of the series will show how to deploy the project!

@ Is it safe to make a website like this using cookies for verification? I am new to studying programming and I am learning.

@@joao_santos3 Yes using cookies for verification is safe - if it is implemented like we do in this tutorial. Your cookies should be secure (meaning they are only used on https sites but localhost will allow it too) and they should be http only (javascript can't directly access it preventing XSS attacks). This mixed with token expiration of jwt tokens makes it safe. Glad you're learning, ask any questions!!

@@Deus-lo-Vuilt thanks mate! 😄

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!

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 👍

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!

@@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

Yes it can! I can create a video deploying our login system to production.

@@MattMakesCode But is it recommended to use sqlite database engine in production?

@ great question! The authentication is production secure. You can use an SQLite database in production, but for scalability I recommend a Postgres database with Django for its great compatibility. I will be showing a deployment video where we will host a Postgres database on AWS which our Django backend will connect to.

Hi! Sorry I'm not quite understanding the question - could you explain further please? Do you mean can you create a route in typescript to call PUT, POST PUT, DELETE in the backend? Sorry for the misunderstanding!

@@michalisz.4268 great idea!

Thank you! ❤

Thanks for the feedback!

Got something exciting coming soon!

Welcome! Thanks for subscribing ❤️

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👍👍

@@tayyabullah7460 currently building a video on a Social Media tutorial in React & Django - A project that landed me a SE job

@@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