Django and Vue Tutorial Part 1 - Invoice Web App - Python Django Rest Framework and Vue CLI

Опубликовано: 08 Октябрь 2024
на канале: Code With Stein
20,624
380

In this video series, I will show you how to build a web app from scratch with Django / Django Rest Framework for the backend and Vue for the frontend (standalone).

The web app will have a lot of functionality like authentication, dashboard, possibility to generate pdf invoices and send them, register payments, send reminders, etc.

Todo list for part 1 (timestamps)
00:01 The intro
00:50 Create virtual environment and activate it
01:50 Install Django and some other libraries (Djoser, Django Rest Framework and Django Cors Headers)
03:00 Create a new Django project
03:54 Configure the project
07:05 Add Djoser urls to the project
09:00 Install Vue CLI
09:35 Create a new Vue project
10:50 Install Axios
11:00 Install Bulma CSS
12:10 Activate Axios
13:07 Set up Vuex (State management)
16:10 Change the layout (add menu, etc)

---

Important links

Patreon:   / codewithstein  
Twitter:   / codewithstein  
Website: https://codewithstein.com

GitHub

Vue
Repo: https://github.com/SteinOveHelset/inv...
Part one: https://github.com/SteinOveHelset/inv...

Django
Repo: https://github.com/SteinOveHelset/inv...
Part one: https://github.com/SteinOveHelset/inv...

---

#codewithstein #django #djangoandvue #python #djangorestframework #djangovue #vue #vuejs #djangotutorial #learndjango #axios #vueaxios #djoser #djangocorsheaders