ListVue

List management application

Tech Stack

• Front-end Framework: Vue.js
  • State Management: Vuex
  • UI Framework: Vuetify
  • Drag-and-drop: Vue.Draggable
• Back-end Framework: Ruby on Rails
  • Database: Postgres
• Testing:
  • Package Audit: yarn audit
  • Lint: ESLint
  • Unit: Jest, Vue Test Utils
  • End-to-end: Testcafé
• Continuous Integration:
  • Container: Docker
  • Test: CircleCI

Development

Run frontend, api, and db in development

docker-compose up --build

Test

Run basic frontend tests

./frontend/tests/run.sh

Build deployment for end-to-end testing

docker-compose -f docker-compose-test.yml up --build

Set up database

./api/setup_db.sh

Run end-to-end tests with TestCafé

./frontend/tests/e2e/run.sh

Production

Deploy for production

docker-compose -f docker-compose-production.yml up --build -d

Set up database

docker-compose exec api rake db:setup