Django 4.0 and Vue TODO app tutorial (Part 5) || How to
Hi Everyone,
In this series of videos about Django and Vue Js, I am going to show you'll to create a TODO app using Django, Django Rest Framework, and Vue Js (Vue CLI). This is part 5 of video of the series and in this, we are going to connect Django backend with VueJs frontend and show the data from the backend on the frontend. I am using python 3 and Django 4, Django Rest Framework 3 (drf), and Vue JS 2 for this project.
This series also covers how to integrate Vue with Django using the Django Rest Framework (Django Vue Integration). This is the complete guide to Django rest framework and Vue js.
Time Stamp:
00:00 Intro
00:10 Frontend folder structure
01:21 Remove the unwanted code
3:43 Start TODO app coding
05:37 Run the project
07:30 Integrate VueJs with Django
Important Links:
Git repo: https://github.com/jha-shubham01/todo
Django: https://docs.djangoproject.com/en/4.0/
DRF: https://www.django-rest-framework.org/
CORS: https://pypi.org/project/django-cors-...
Install NodeJS: https://nodejs.org/en/download/
Vue CLI Installation: https://cli.vuejs.org/guide/installat...
Create Vue CLI Project: https://cli.vuejs.org/guide/creating-...
Vuetify Package: https://vuetifyjs.com/en/getting-star...
Axios: https://www.npmjs.com/package/axios
Vuetify List: https://vuetifyjs.com/en/components/l...
My laptop: https://amzn.to/3641BgO
Monitor: https://amzn.to/3qIeF4X
Keyboard: https://amzn.to/3Ad7R3B
Mic: https://amzn.to/3yfIkVH
SSD: https://amzn.to/3hb4By7
External HDD: https://amzn.to/3wcMtYU
Invest/trade into India stock market: https://zerodha.com/?c=WJ5438&s=CONSOLE
Amazon Prime Membership: https://amzn.to/3qDnahG
Audible subscription: https://amzn.to/2TweLQR
If you have suggestions for the next video please feel free to comment them down.
Thank you, everyone, for watching this video.
Do like, subscribe and share more to become better at coding
Tune in Again!
