Full Stack React Django DRF Project | Configuring Cross-Origin Resource Sharing (CORS)

Full Stack React Django DRF and Channels chat app project. Configuring Cross-Origin Resource Sharing (CORS)
Udemy Course Link:
www.udemy.com/...
KZbin Playlist:
• Full Stack Project | R...
The course focuses on building a chat server administration API and integrating it with a front-end templating framework. It also covers API integration and building chat services with features like authentication.
The first module covers source control and project initiation, including creating a new Django DRF project and configuring environment variables. It also teaches configuring Visual Studio Code for linting and formatting.
The second module focuses on building a chat server administration API. It covers generating names, designing chat servers, and creating the necessary models and database tables. It also includes configuring API documentation and creating API endpoints for filtering servers and returning related data.
The third module introduces front-end templating with React. It covers creating a new React project, routing, integrating Material-UI, and building components like the app bar, primary draw, and principal component.
The fourth module covers API integration using Axios. It teaches making API requests, configuring Cross-Origin Resource Sharing (CORS), and creating a CRUD hook. It also includes building components for exploring popular servers and categories.
The fifth module focuses on building chat services using Django Channels. It covers installing and configuring Channels, implementing web sockets, and creating chat room functionality. It also includes templating for server pages and implementing message history.
The sixth module covers authentication using the djangorestframework-simplejwt library. It covers token-based authentication, creating login and registration forms, protecting API endpoints, and implementing WebSocket authentication.
The final module extends chat services with additional features.
The course provides a comprehensive guide to building a Django DRF project with chat server administration, integrating with a front-end framework React, and implementing essential features like authentication and chat functionality.

[@victorhaynes508]

right to the point! thanks. love a good tutorial

[@kwabenaboateng7405]

Beautiful. Problem is, I'm not a fan of TypeScript. I prefer JS. If you could do this project with JS, that'll be amazing for me. Really wanted to buy it, but ...

[@veryacademy]

The way I tried to include typescript was in a very introductory manner for those who are not keen on it. It shouldn't be a massive adaption.

[@AlexCoprandos]

Hi! Why frontend get 2 request on category list and get 2 responce with array data?

[@veryacademy]

Good question, without looking at code it isn’t easy to answer.

[@AlexCoprandos]

@@veryacademy You have one axios.get block in SecondaryDraw component. Headers inspection have 2 requests to API. As result frontend console has 2 array. Why is this happening? In different my projects the situation is the same.

[@rajmajumdar5253]

Hey, I love your tutorials. I have one thing to ask though can you also do a tutorial on how to deploy this chat application? It will be helpful for me and others as well.😊

[@veryacademy]

I will do. I haven’t actually finished building the app yet! I’m building a SQLAlchemy course at the minute, once complete I will swing back to this add some more features, for example see who is online and direct messaging. I also want to include testing at some point. I realise people want deployment but shouldn’t we first build something deployable 😂 I don’t want to promote the idea that this app is anywhere near ready to deploy

[@rajmajumdar5253]

@@veryacademy 👍 cool I also like the addition of new features. Not gonna your tutorials are most informative out of any I have ever found. Please keep uploading 😄🙏 such content.

[@MccZerk]

What is the difference between this and ALLOWED_HOSTS?

[@muletataye8644]

Nice tutorial Would you do us a video on CSRF for django and react

[@veryacademy]

Thank you. That is a good suggestion. I actually in this course when implementing the custom authentication approach forgot to include managing CSRF.