Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/andfanilo/fastapi-vue-crud

Testing a project with a FastAPI backend and Vue.js frontend in the same project
https://github.com/andfanilo/fastapi-vue-crud

crud fastapi javascript python restful-api vue vuejs

Last synced: 3 months ago
JSON representation

Testing a project with a FastAPI backend and Vue.js frontend in the same project

Awesome Lists containing this project

README

        

# FastAPI + Vue.js Single Page Application

Inspired from [Developing a Single Page App with Flask and Vue.js](https://github.com/testdrivenio/flask-vue-crud),
this is a multi-language project using :
* FastAPI as a backend API in the `server/` folder,
* Vue.js as the frontend JS framework in the `client/` folder

Refer to `README` files in sub folders for installing and running backend and frontend.


**Nota Bene**

The goal for this toy project is to test how well PyCharm Ultimate responds to a Python/Vue.js project
opened in the same window for full stack web development. Want to use this as an example for later
projects with a VueJS frontend hitting a Python API over a ML model.

![](demo.gif)

As such, there are a lot of features (duplicated books, authentication, all JS unit tests) I did not implement :)