Skip to content
Rails 5 + Webpack + Vue.js + Vuex Demo App
Ruby Vue JavaScript CSS HTML
Branch: master
Clone or download

README.md

Rails + Webpack + Vue.js + Vuex Demo App

Description

Demo Single Page Application based on Ruby on Rails 5.2, using Vue.js + Vuex, compiled with Webpack. All the basic features you need to build a real world app with:

  • Front / Admin namespaces
  • I18n (server side + client side)
  • Forms (with progress and error handling)
  • Authentication (Devise)
  • Pagination (Kaminari)
  • Dynamic search filters (Ransack)
  • Websockets chat (ActionCable)

All of this is designed with maintainability and readability in mind, slightly inspired by the Rails conventions.

You can read more about the how and why I built this App here: http://www.guillaume-barillot.com/2017/12/02/how-to-organize-your-vue-files-in-a-rails-5-1-project-using-webpack/

Installation

git clone git@github.com:gbarillot/rails-vue-demo-app.git
cd rails-vue-demo-app
bundle install
yarn install
bundle exec rails db:migrate
bundle exec rails db:seed

Booting the app

foreman start

Running tests

Rails side

rails test

JS side

yarn test

Contributions

PR and feedbacks welcome!

Licence

MIT

You can’t perform that action at this time.