Skip to content

A starting kit stack (boilerplate) for developing a web application using FastAPI, Vue.js, Vuetify, and OAuth2.

License

Notifications You must be signed in to change notification settings

ywiyogo/FastAPI-Vuetify

Repository files navigation

Web App Boilerplate using FastAPI, Vue.js and Vuetify

Utilizing the framework of FastAPI, Vue.js, and Vuetify as the UI library can boost up the development of a web application in 2020. This repository provides the starter boilerplate to combine those frameworks. The SQLite is the standard choice which can be changed in database.py.

Getting Started

Installing the Python libraries:

pip install -r requirements.txt

Installing the Vue.js library using npm:

npm install vue

Installing sqlitebrowser for showing the SQLlite database entries:

sudo apt install sqlitebrowser

Starting the FastAPI server with:

uvicorn main:app --reload

Starting the Vue.js development server:

npm run serve

Open the browser with http://localhost:8080/ or open the FastAPI documentation UI with http://localhost:8000/docs.

UI

Testing the API using Insomnia Core

The tool can be download in https://insomnia.rest/download/. Below is an example to update the profile entry in the database.

{
	"id":"hj2t4fz",
	"email":"[email protected]",
	"password": "gsefgees23",
	"gender": "male",
	"name": "afvse",
	"language": "english",
	"membership": "trial",
	"details": "efgsegesg sefges gse ges. afw"
}

Credits

Vuetify Material Design: https://www.creative-tim.com/product/vuetify-material-dashboard

About

A starting kit stack (boilerplate) for developing a web application using FastAPI, Vue.js, Vuetify, and OAuth2.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published