https://github.com/ctsexton/dashboard

Built with Vue.js and Vuex. Responsive UI that adapts to all screen sizes. Click the cog icon to access the settings panel. All changes are auto-saved to local storage - so the user can reload the page or even restart their browser and keep their settings... without requiring a sign-up process. Neat!
https://github.com/ctsexton/dashboard

Last synced: about 1 month ago
JSON representation

Built with Vue.js and Vuex. Responsive UI that adapts to all screen sizes. Click the cog icon to access the settings panel. All changes are auto-saved to local storage - so the user can reload the page or even restart their browser and keep their settings... without requiring a sign-up process. Neat!

• Host: GitHub
• URL: https://github.com/ctsexton/dashboard
• Owner: ctsexton
• Created: 2018-07-04T17:35:11.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-07-23T01:04:25.000Z (over 6 years ago)
• Last Synced: 2024-10-28T07:22:54.817Z (3 months ago)
• Language: Vue
• Homepage: https://ctsexton.github.io/dashboard/
• Size: 579 KB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Dashboard

> A simple dashboard app with settings panel. Built on Vue.js, Vuex & Nuxt.

## Guide:

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". 

### The Repo:

This is a standard Nuxt project. 

 - Main page is at /pages/index.vue

 - Anything else of interest is located in /components

## Build Setup

``` bash

# 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

```