Build A FullStack App with Django (rest-framework) and React - A Sticky Note App
💡 In this video, we are going to build a simple sticky note web app from scratch. We use Django (with RestFramwork) for the backend and React for the frontend.
🚧 The source code for this project: https://github.com/miladshiri/StickyN...
❤️ Don't forget to subscribe ❤️
👣 Outline of the video:
00:00 - The goal & Final Result!
1:33 - Structure of the project and Requirements
4:51 - Creating a new React project
8:36 - VS code useful plugins
9:18 - Coding the Main list page and styling that
21:24 - Introducing Components in React
32:58 - Introducing Routes in React
37:00 - Coding the Note page and styling that
51:44 - Installing requirements for the backend
55:14 - Creating a new Django project
58:00 - Introducing Models in Django
1:02:00 - Django Admin Panel
1:04:31 - Creating sample data with ChatGPT
1:05:29 - Adding Django REST Framework
1:07:02 - Creating Get Notes API and use it in the frontend
1:13:28 - Introducing useState and useEffect hooks
1:16:35 - CORS error and fix
1:07:02 - Creating Get Notes API and fetching it in the frontend
1:22:17 - Creating Get Note API and fetching it in the frontend
1:33:16 - Creating Delete Note API and fetching it in the frontend
1:37:44 - Creating Update Note API and fetching it in the frontend
1:47:42 - Creating Create Note API and fetching it in the frontend
Watch video Build A FullStack App with Django (rest-framework) and React - A Sticky Note App online without registration, duration hours minute second in high quality. This video was added by user King of Automation 20 January 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 14 once and liked it 1 people.