Skip to content

Latest commit

 

History

History
60 lines (36 loc) · 1.13 KB

File metadata and controls

60 lines (36 loc) · 1.13 KB

laravel-vue-jwtauth-spa-todo-app

SPA Todo application with authentication using Lavavel 5.4 + Vue.js 2.2 + JWTAuth

Why SPA?

SPA (Single Page Application) make user experience much better.

Why Laravel?

Laravel is designed to use modern frontend development.

Laravel contains the following stacks by defualt:

  • Webpack
  • Vue.js

And laravel-mix build all asset files.

Why Vue.js?

Vue.js is one of modern JavaScript framework. It can be installed partialy, but its ecosystem enables us to make simple, lightweight, elegant SPA.

  • vue-router
  • axios

Bigger appliction may need state management system such as vuex.

Why todo app?

Login-enable Todo app requires the basic of web technology. It includes

  • RESTful routing
  • State Management (legacy session or JWTAuth, OAuth2, etc.)
  • Database Migration

Install

git clone git@github.com:acro5piano/laravel-vue-jwtauth-spa-todo-app.git
cd laravel-vue-jwtauth-spa-todo-app

composer install
yarn install

yarn run watch
cp .env.example .env
php argisan key:generate
php artisan migrate
php artisan seed
php artisan serve

Go to http://localhost:8000