Vue Argon Design with Laravel

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


Product Description


Full-Stack Argon Design is coded in Vue.js and use Laravel 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 Laravel 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 Laravel Backend


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

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

$ composer install # install modules
$ php artisan key:generate # this will trigger Laravel magic 
$ php artisan migrate:fresh --seed # build the database

# to run the app, switch to the public directory
$ cd public
$ php -S localhost:3000 # start the app on 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.