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.ledermann.dev/

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.test. Then:

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

Why?

I built this application to learn Vue.js.