DockerVue

Single-page application (SPA) built with Vue.js. It's is a very simple kind of CMS (content management system) allowing to manage posts (articles) with images.

This is the frontend only. The backend is a separate project called DockerRails, created with Ruby on Rails and responding as an JSON API.

Tools used

Project scaffolding with Vue Cli
Routing with Vue Router
State management for authentication with Vuex
Package building with Webpack and Yarn
Styling with Bulma, Buefy and FontAwesome
API calls with Axios
Deployment with Nginx and Docker

Features

User authentication using JSON Web Token (JWT)
Infinitive scrolling using Vue-infinite-loading
Auto refresh via ActionCable
Searching with Buefy Autocomplete
Content editing with the WYSIWYG editor Pell
Image gallery with Silentbox
Uploading images directly to Amazon S3 (presigned by the backend)

Demo

There is a live demo at https://docker-vue.georg-ledermann.de/

Development

First, make sure to get the backend up and running: https://github.com/ledermann/docker-rails

Make sure the backend is available locally, for example at https://docker-rails.dev. Then:

git clone git@github.com:ledermann/docker-vue.git
cd docker-vue
cp .env.local.example .env.local
yarn install
yarn serve

Why?