Skip to content

It's a small Blog project using Laravel and Vue.js Framework also used libraries like Vuex, Moment js. Here Admin part is a Single Page Web Application (SPA).

Notifications You must be signed in to change notification settings

Shahed-Chy-Suzan/Blog-by-Laravel-Vue-Vuex

Repository files navigation

Blog Project - using Laravel + Vue + Vuex

Here the things were have used in this 'Blog' Project

  • Vue Router with Laravel(Using for routing).
  • Vue filter
  • Vuex with Laravel (Used for state management)
  • Install AdminLTE 3 (Template used for admin panel)
  • Font Awesome 5 on Laravel (Used for admin panel icon)
  • V-form validation with Laravel (Used for form validation)
  • Relational Database with Laravel (Used for Maintainance DB)
  • Axios and Ajax Request (Passing request for fetch and crud operation)
  • Use Moment js on Laravel (Used for formating date time)
  • Use Sweetalert2 (Used for flash message)
  • Image intervation with Laravel (Used for image resize)
  • Use lodash
  • And so on

Database Schema

  • Visit this -

Packages & Important links

Important commands related this project

  • Laravel Install - composer create-project --prefer-dist laravel/laravel blog "5.8.*"
  • NPM Install - npm install
  • AdminLTE 3 - npm install admin-lte --save
  • Database Migration - php artisan migrate
  • Seeding - php artisan db:seed
  • Install Vue Router - npm install vue-router
  • for compile Vue - npm run watch
  • v-form - npm i axios vform
  • Sweet Aleart - npm install sweetalert2
  • Vuex Install - npm install vuex --save
  • Moment Js - npm install moment --save
  • Mark Down Editor - npm install v-markdown-editor || please visit: https://vuejsexamples.com/
  • Font-Awesome - npm install --save @fortawesome/fontawesome-free
  • Image Intervention - composer require intervention/image || and then publish configuration in Laravel - php artisan vendor:publish --provider="Intervention\Image\ImageServiceProviderLaravelRecent" || please visit:: http://image.intervention.io/getting_started/installation
  • Please check all package in "package.json"

After clone or download this project, please follow the instructions

  • Clone the repository with git clone https://github.com/Shahed-Chy-Suzan/Blog-by-Laravel-Vue-Vuex.git
  • Run cd Blog-by-Laravel-Vue-Vuex
  • Copy .env.example file to .env and edit Database credentials there
  • Run composer install
  • Run php artisan key:generate
  • Run php artisan migrate
  • Run php artisan db:seed [Optional]
  • Run npm install
  • Run npm run watch
  • Run php artisan serve