Skip to content

An interactive website that serves as an example for projects using VueJS, Python and Flask

License

Notifications You must be signed in to change notification settings

PbVrCt/vue-web-app

Repository files navigation

Disclaimer: I had help from my father in this project

Description

This is a starter kit for web applications using Vue, Fabric, Python, Flask and Matplotlib.

It was developped as part of a project for one of the engineering departments of Universidad de Oviedo. The objetive was creating a didactical application for engineering students: The students use the app to graphically design sloped terrain and then the app quantifies the risk of landslides happening on it.

Features

The example website consists of:

  • Multi-step graphical data entry:

    data_entry

  • Python backend with RESTFul API to store data and generate graphs:

    results
    Note: As of this writing the app generates random results. The slope analysis method is to be implemented in a Python function by the engineering department.

  • User authentication and user management:

    login users

  • Data management (copy, import, export, delete):

    data_management

The example website is for slope stability analysis but it is relatively easy to adapt for other purposes.

Diagram

Landslides_UML

Technologies, frameworks, libraries

Frontend:

  • Any modern browser
  • Vue 3 Composition API
  • Fabric
  • Axios
  • TypeScript

Backend:

  • Python 3.8 or higher
  • Flask, Flask-JWT-Extended, Flask-RESTful
  • Matplotlib

Recommended IDE:

  • VS Code
  • Volar extension

About

An interactive website that serves as an example for projects using VueJS, Python and Flask

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published