tiagocassio / rails-vue-demo-app

Rails 5 + Webpack + Vue.js + Vuex Demo App

Home Page:http://www.guillaume-barillot.com/2017/12/02/how-to-organize-your-vue-files-in-a-rails-5-1-project-using-webpack/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

Rails 5 + Webpack + Vue.js + Vuex Demo App

http://www.guillaume-barillot.com/2017/12/02/how-to-organize-your-vue-files-in-a-rails-5-1-project-using-webpack/


Languages

Language:Ruby 54.1%Language:Vue 20.5%Language:JavaScript 13.4%Language:HTML 7.9%Language:CSS 4.0%