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

Показать описание

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

GitHub

Vue

Django

---

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

Рекомендации по теме

Комментарии

I'm curious if it is good practice to put your project inside the virtualenv folder? I thought it'd be better to have a seperate venv folder inside the project so you can gitignore the binarys.

flushr

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

Django and Vue Learning Management System (LMS) Tutorial - Part 6 - Lessons

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

Django and Vue Learning Management System (LMS) Tutorial - Part 3 - Authentication

Django and Vue Learning Management System (LMS) Tutorial - Part 10 - Misc

Django and Vue Learning Management System (LMS) Tutorial - Part 8 - Misc

Django and Vue Learning Management System (LMS) Tutorial - Part 1 - Setting up the environments

Django and Vue Learning Management System (LMS) Tutorial - Part 7 - Comments

Django and Vue Learning Management System (LMS) Tutorial - Part 9 - Categories

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

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

Django and Vue Learning Management System (LMS) Tutorial - Part 4 - Courses page

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

Django And Vue Ecommerce Website Tutorial - Part 1 - Setting up

Django and Vue Learning Management System (LMS) Tutorial - Part 5 - Course detail page

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

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

Learning Management System (LMS) - Django and Vue Tutorial - Part 12 - Refactoring

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

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

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

Django and Vue Learning Management System (LMS) Tutorial - Part 11 - Quiz

E-commerce Website With Django and Vue Tutorial (Django Rest Framework)

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

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