Train In Blocks App

Repo for the Train In Blocks App.

Production

Staging

Getting Started

We use Yarn. Please make sure you have the latest version of NPM and Yarn installed globally. Vue UI can help with development when installed globally.

Install packages

# install netlify cli
$ npm i -g netlify-cli

# Set up netlify
$ netlify login
# OR
$ netlify switch

# Link local repo with netlify site
$ netlify link

# install dependencies
$ yarn install

# serve at localhost:8888
$ netlify dev

Start developing

netlify dev

Test

netlify build

Build & Deploy

git add *

git commit -m ""

git push

netlify deploy

Browser support

We support the latest 20 versions of all major browsers.

We do not support IE.

Coding Style Guide

CSS

Stylelint is used to lint CSS. Please follow it's guidance when developing.

Stylelint doesn't work with WebPack and Vue so you need to install the VSCode plugin. No set-up is necessary, install and go.

You can autofix problems by running:

npx stylelint "**/*.vue" --fix

JavaScript

ESLint is used to lint JavaScript and HTML. Please follow it's guidance when developing.