A simple dashboard app with settings panel. Built on Vue.js, Vuex & Nuxt.
This simple web app demonstrates some straight-forward state management in Vue. The settings panel allows the user to change the timezone, colors and sizes of the clock elements. The color selector is a custom built Hue/Saturation/Lightness set of sliders. The timezone selector includes an autocomplete feature that translates between the timezone format "Continent/City_Name" and a more friendly, readable format "City Name, Country".
This is a standard Nuxt project.
- Main page is at /pages/index.vue
- Anything else of interest is located in /components
# install dependencies $ npm install # serve with hot reload at localhost:3000 $ npm run dev # build for GitHub pages $ npm run build:gh-pages $ npm run deploy