Awesome

Laravel Vuejs - Argon Design

Full-Stack Vue Argon Design with Laravel backend server.

Product Features

This full-stack app is built using a decoupled architecture, where the Vue Argon Design frontend communicates with the Laravel backend through secure ajax call.

• Laravel backend
• SQLite database, managed by Sequelize ORM. A simple Users tabel is provided.
• JWT token authentication
• Vue Argon Design crafted by the famous Creative-Tim agency.
• Login and Registration features

To use and start this starter, a few simple steps must be followed:

• clone, build and start the Laravel boilerplate backend
• clone, built and start the Vue Argon Design frontend

Laravel boilerplate backend

The backend server is a simple Laravel with JWT authentication, MySql database, Native ORM, unit tests and basic tooling.

$ #############################
$ # clone and build the backend

$ git clone https://github.com/app-generator/laravel-boilerplate.git
$ cd laravel-boilerplate
$ vi .env # setup DB connection and JWT 

$ composer install # install modules
$ php artisan key:generate # setup Laravel
$ php artisan migrate:fresh --seed # create database

$ cd public 
$ php -S localhost:3000 # start the server 

Vue Argon Design

Vue app enhanced with JWT Authentication.

$ #############################
$ # clone and build the Vue Frontend

$ git clone https://github.com/app-generator/vuejs-argon-design-system.git
$ cd vuejs-argon-design-system
$ yarn
$ yarn start # Frontend runs on port 8080

Resources

• Laravel boilerplate backend sources
• Vue Argon Design sources
• Laravel Vuejs Argon - Demo

What is Laravel

Laravel is a free, open-source[3] PHP web framework, created by Taylor Otwell and intended for the development of web applications following the model–view–controller (MVC) architectural pattern and based on Symfony. The source code of Laravel is hosted on GitHub and licensed under the terms of MIT License. Read more about Laravel here.

What is Vue

Vue (pronounced /vjuː/, like view) is a progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable. The core library is focused on the view layer only, and is easy to pick up and integrate with other libraries or existing projects. On the other hand, Vue is also perfectly capable of powering sophisticated Single-Page Applications when used in combination with modern tooling and supporting libraries. Read more about Vue here.

Vue Argon Design

Start your development with a Design System for Bootstrap 4. It is open source, free and it features many components that can help you create amazing websites. Vue Argon Design is built with over 100 individual components, giving you the freedom of choosing and combining. All components can take variations in colour, that you can easily modify using SASS files. Read more about Vue Argon Design here

Support

For issues and features request, use Github or access the support page provided by AppSeed

License

MIT @ AppSeed

Laravel Vuejs - Argon Design provided by AppSeed