This project is about a Single Page Application, SPAs usually are written using javascript, in this case, we used a Javascript Framework called Vue.js, and the frontend depends on a backend written in Python, this backend is offering only the basic login features, register, login, and logout. The data is saved into a Microsoft SQL Server database.

Technologies used

Backend: Python, Flask, SQLAlchemy, virtualenv

Frontend: Javascript, Vue.js, Vuetify, Axios

Database: Microsoft SQL Server

Source code

The source code for this project is hosted on Github: https://github.com/andrebaldo/python-vue-spa-boilerplate

Preview

Setting Up Your Developer Machine

Installing Python

Go to https://www.python.org/downloads/ and download the version for your computer.

When installing check the box to add Python to the windows path (Add Python to environment variables), this option will enable us to use python inside a console terminal like windows command (cmd), Powershell or others.

After finished, press “Windows key + r” to open the Windows run command, then type cmd and hit enter.

Inside the cmd window, check if python is installed using this command

Installing Visual Studio Code

For programming in languages like Python and Javascript you need a text editor, we are going to use the Visual Studio Code “VS Code” to shorten, it’s an open-source text editor that is widely used by a legion of developers, it offers many extensions to work with Python, among many other languages.

Go to https://code.visualstudio.com/ and download the latest version for your platform.

In this project, we are going to create a single page application (SPA), it consists of a front-end (client-side) application that runs inside the browser and is usually written in scripts languages, like javascript, and this application communicates with another application the backend (server-side), it can be written in many languages, in your case let’s use Python.

#python #vue