Technical Description

Technical Description

The dashboard is a collection of Vue Components. Vue does the routing using Vue Router while Laravel provides the API. We also use Vue Resource to make web requests. A lot of JavaScript and PHP plugins are being used in this project.

The template we picked is AdminLTE, which is a great open source template based on Bootstrap.

Within the blog, the routing and templating are handled by Laravel. We picked this way to benefit from the power of Blade.

Clean Blog is the selected open source Bootstrap blog theme for Vuedo.

These are most significant libraries used in Vuedo

Dashboard

• vue
• vue-router - The router for Vue.js, used in all dashboard routes.
• vue-resource - HTTP client for Vue.js, to make web requests.
• pnotify - Plugin for notifications when actions happen.
• sweetalert2 - For popup boxes asking and informing the user.
• vue-multiselect - Used to select categories in posts.

API

• cyvelnet/laravel5-fractal - To present resources.
• vinkla/hashids - To generate short, unique, non-sequential ids from numbers.
• cviebrock/eloquent-sluggable - To generate slugs for models.
• hootlex/laravel-moderation - To moderate posts.
• spatie/laravel-medialibrary - To add images to posts and upload them to AWS.
• larapack/config-writer - To update config on runtime.

Blog

• erusev/parsedown - With Extra plugin to parse Markdown within post's content.

General

• laravel-elixir - Laravel Elixir provides API for defining basic Gulp tasks for Laravel application.
• vueify - Allows browserify transform for single-file Vue components
• babel - Babel is a JavaScript compiler.
• gulp - Workflow Automation used for fast builds.
• phpunit/phpunit - Used to test the application.