For a live view, check: https://paloranta.github.io/Startpage-golden-ratio-demo/ A startpage using local storage to store user notes and tasks. Has also a random-quote display changing every minute and a calculator.
This was a hobby-project with the aim of producing something useful while learning Vue.js, CSS grid and related stuff.
Credits go to:
- https://codepen.io/Rplus/pen/JWNEOO "Golden ratio with CSS Grid Layout"
- https://codesandbox.io/s/o29j95wx9 "Simple Todo App with Vue"
- https://github.com/CarloseQuirozv/vue-calculator
- https://codesandbox.io/s/wk0n26pko8 "Vue clock"
A Vue.js project
# 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 all tests
npm test
For a detailed explanation on how things work, check out the guide and docs for vue-loader.