TopTip

An app for remembering the best tips.

https://reporter-allen-10364.netlify.com/

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run e2e assuming that the server is running at localhost:8080
npm run e2e-speed

# run all tests
npm test

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

Travis CI

You can check it here: https://travis-ci.org/sapagat/toptip

CSS Guidelines

Declaration order

.selector {
  /* Positioning */
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;

  /* Display & Box Model */
  display: inline-block;
  overflow: hidden;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  padding: 10px;
  border: 10px solid #333;
  margin: 10px;

  /* Color */
  background: #000;
  color: #fff

  /* Text */
  font-family: sans-serif;
  font-size: 16px;
  line-height: 1.4;
  text-align: right;

  /* Other */
  cursor: pointer;
}

Breakpoints

• mobile: from 0px
• tablet: from 769px
• desktop: from 1024px
• widescreen: from 1216px
• fullhd: from 1408px