Django and Vue.js: CRUD App

“If you want to increase your success rate, double your failure rate.”—Thomas Watson, Sr.

Let’s talk about Django and Vue.js first :

• Django: Django is a free and open-source, Python-based web framework that runs on a web server. It follows the model–template–views architectural pattern.
• Vue.js: Vue.js is an open-source model–view–view model front-end JavaScript library for building user interfaces and single-page applications.
• Django Rest Framework: Django REST framework is a powerful and flexible toolkit for building Web APIs. Some reasons you might want to use REST framework: The Web browsable API is a huge usability win for your developers.

Some of the steps followed in this blog:

1. Installing Django
2. Making the Django project and app
3. Creating Models and Migrations
4. Installing Django-rest-framework
5. Creating Serializer, Viewset and Routers
6. Configuring Vue.js with Django

Install Python: https://www.python.org/downloads/

Install Pycharm Community Edition: https://www.jetbrains.com/pycharm/download/?section=windows

1. Installing Django

• Create a New project in Python.
• Go to Terminal and write the following command:

pip install Django

Some of the steps followed in this blog: 2.