Code Monkey home page Code Monkey logo

blog-by-laravel-vue-vuex's Introduction

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

blog-by-laravel-vue-vuex's People

Contributors

shahed-chy-suzan avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.