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

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).

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

• Image Intervention : http://image.intervention.io/
• Alert (sweetalert2) : https://sweetalert2.github.io/
• Notification (Noti) : https://ned.im/noty/#/
• "Vue_Router" Documentation : https://router.vuejs.org/installation.html
• Vue js example(helping site) link : https://vuejsexamples.com/
• Vue Markdown Editor component for Vue.js : https://vuejsexamples.com/vue-markdown-editor-component-for-vue-js/
• "V-form" package(vue) : https://github.com/cretueusebiu/vform
• "Vuex" Documentation : https://vuex.vuejs.org/
• Moment_Js link : https://momentjs.com/
• Moment_Js_support_syntex link : https://momentjs.com/docs/#/use-it/node-js/
• 'FileReader.onload'(for photo) : https://developer.mozilla.org/en-US/docs/Web/API/FileReader/onload
• Image Intervention Doc : http://image.intervention.io/getting_started/installation#laravel
• Lodash debaunce function : https://lodash.com/docs#debounce (take a min_time to take value to search)
• Laravel faker : https://github.com/fzaninotto/Faker
• faker Laravel docs : https://laravel.com/docs/5.7/seeding#using-model-factories
• Vue.js devtools(Offered by : https://vuejs.org
• "vetur" VS_code er extension/package install

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