ashokgelal/kanban-app

A simple Kanban Application

Nuxt Kanban App

A simple kanban board where items can be dragged and dropped from the list.

Live demo

Table of Contents

• Nuxt Kanban App
  • Table of Contents
  • Getting started
  • Conventional Commits
  • Linting
  • Testing
    • Unit testing
    • End To End Integration
  • Build Setup
  • Containerized application
    • Using Dockerfile only
    • Using Docker compose
  • License

Getting started

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

Conventional Commits

Conventional Commits is a specification for adding human and machine readable meaning to commit messages shared by a large community of developers.

Linting

Many JavaScript implementations do not warn against questionable coding practices. Yes, that's nice for the site that "works best with Internet Explorer" (designed with templates, scripted with snippets copied from forums). But it's a nightmare when you actually want to write quality, maintainable code.

That's where JavaScript Lint comes in. With JavaScript Lint, you can check all your JavaScript source code for common mistakes without actually running the script or opening the web page.

Testing

Unit testing

Please see unit test guide.

End To End Integration

Please see e2e test guide.

Build Setup

# build for production and launch server
$ yarn build
$ yarn start

For detailed explanation on how things work, check out Nuxt.js docs.

Containerized application

You are not a web developper but you want to try the app and maybe deploy it everywhere around the world ? Let's some fun 😉

Using Dockerfile only

# Build our kanban app image
docker build -t kanban .

# Run it in detach mode
docker run --name kanban -p 3000:3000 kanban

Using Docker compose

# Build in detach mode our kanban app image
docker-compose up -d --build

# To enter inside the kanban container
docker-compose exec kanban sh

License

MIT License