https://github.com/garyo/web-clock
https://github.com/garyo/web-clock
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/garyo/web-clock
- Owner: garyo
- Created: 2022-12-09T16:54:34.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-02-08T21:24:06.000Z (over 3 years ago)
- Last Synced: 2025-10-12T01:36:08.193Z (8 months ago)
- Language: Vue
- Size: 8.87 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Nuxt 3 Web Clock app
Simple configurable full-screen digital web clock. Created for use in
home assistant dashboard, but good for any kiosk-type display.
Uses Nuxt 3, Vue 3, and Vuetify with typescript. Preferences are
stored in local storage and there's a preferences panel to configure
font sizes and colors.
See the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
Demo: https://garyo.github.io/web-clock
## Setup
Make sure to install the dependencies:
```bash
# yarn
yarn install
# npm
npm install
# pnpm
pnpm install --shamefully-hoist
```
## Development Server
Start the development server on http://localhost:3000 :
```bash
yarn dev
```
## Production
Build the application for production:
```bash
yarn generate
```
Locally preview production build:
```bash
yarn preview
```
Deploy to `USERNAME.github.io/REPONAME` (e.g. `https://garyo.github.com/web-clock`):
This uses the `push-dir` package to push the `.output/public` dir created by `generate` to a remote `gh-pages`
branch, so configure your github repo to publish from that branch.
```bash
yarn deploy
```
Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.