Skip to content
A very simple Blog with Admin Panel built using Laravel5.7 && VueJs2.5 - Quasar0.17
PHP Vue JavaScript CSS HTML
Branch: master
Clone or download
Latest commit 939f99f Mar 4, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
.dev update requirments Mar 4, 2019
admin-panel formating Mar 4, 2019
backend formating Mar 4, 2019
blog update the public site app [re structure the file tree of the whole a… Jan 9, 2019
.gitignore Condensed GitIgnore into one file Oct 19, 2018
LICENSE Initial commit Aug 20, 2018 update readme Mar 3, 2019


- A very simple Blog with Admin Panel built using [Laravel5.7, VueJs2.5, Quasar0.17].

- This is kind of implementation on different concepts in web development.

- Feel free to copy, read, fork, or whatever you want.


- The repository consists of 3 main directories with 3 applications.

▶️ backend directory:

- Contains the REST API, where you can find implementation for different concepts like:

  • Authentication using jwt-auth.
  • Authorization using policies and gates.
  • Repository Pattern to split the database logic from the business logic.
  • Uploading and manipulate images using intervention/image.
  • Upload post with many images as the body of the post.
  • Using laravel-websocket to create a simple real time chat application.
  • Unit testing [soon - contributions are welcomed].

If you are using postman, you can use the collection ./dev/requirements/Q-Blog.postman_collection.json

▶️ blog and admin-panel directories:

- Contains the public site and the admin panel apps.

- Here you can find implementation for different concepts like:

  • State management pattern using Vuex.
  • Authentication using vue-auth [handling refresh token not completed - contributions are welcomed].
  • Talk to the API using axios.
  • Using Vue single-file-components.
  • WYSIWYG Editor using jodit.
  • Implementing laravel gates and policies in SPA.

- The public site was built using quasar.

- You can find the Installation steps here.

- The default user credentials are:

let userCredentials = {
  email: '',
  password: 111111

Happy Coding 🙂.

Database Diagram:









Ask a Question?

If you have any question, contact me via my email:

You can’t perform that action at this time.