Vue Argon Design with Flask

Full-Stack App built on top of Argon Design integrated with Flask


Product Description


Full-Stack Argon Design is coded in Vue.js and use Flask server in the backend to become a fully functional app. The original frontend designed by Creative-Tim is enhanced with JWT authentication and communicates with the Flask backend via Ajax calls.

The product is built on Two-Tier Architecture where the frontend and the backend are decoupled.


How to use it


In order to use the app, steps to be followed are:


Build the Flask Backend


To build and start the Flask server for this Full-Stack application please, read the README file and after, follow the steps:

$ git clone https://github.com/app-generator/flask-starter.git
cd flask-starter

pip install -r requirements.txt
flask run --port 3000

The backend server will start on port 3000, and expose two methods:


Build the Vue Argon Frontend


Steps to follow to build and use the Vue version of Argon Design (before the manual build, please read the README file, first)

$ git clone https://github.com/app-generator/vuejs-argon-design-system.git
cd argon-design-system

yarn # install dependencies
yarn start # start the app 

By default the app starts on port 8080. If all goes well, you may visit the application on http://localhost:8080.


Support


For support please access the official support page or contact us directly on Discord.