https://github.com/timscodebase/binary-clock-svelte-5

A fun coding project to learn Svelte 5 and to create a binary clock. I a have chosen to use a JS map structure to store a lookup table for the binary values of each digit. This is then used to set the class of each digit to either 'active' or '' to display the time.
https://github.com/timscodebase/binary-clock-svelte-5

hacktoberfest svelte sveltekit

Last synced: about 1 month ago
JSON representation

A fun coding project to learn Svelte 5 and to create a binary clock. I a have chosen to use a JS map structure to store a lookup table for the binary values of each digit. This is then used to set the class of each digit to either 'active' or '' to display the time.

• Host: GitHub
• URL: https://github.com/timscodebase/binary-clock-svelte-5
• Owner: timscodebase
• Created: 2024-01-31T00:20:56.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-01-31T20:28:06.000Z (11 months ago)
• Last Synced: 2024-12-01T00:49:06.576Z (about 1 month ago)
• Topics: hacktoberfest, svelte, sveltekit
• Language: Svelte
• Homepage: https://binary-clock-svelte-5.vercel.app
• Size: 118 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Svelte 5 Binary Clock

A fun coding project to learn Svelte 5 and to create a binary clock. I a have chosen to use a JS map structure to store a lookup table for the binary values of each digit. This is then used to set the class of each digit to either 'active' or '' to display the time.

## Get started

Fork my repo and clone it to your local machine. Then install the dependencies...

```bash

  gh repo clone timscodebase/binary-clock-svelte-5

  cd binary-clock-svelte-5

  pnpm install

```

### Run

```bash

  pnpm run dev

```

### Deploy

I have used [Vercel](https://vercel.com/) to deploy my app.

```bash

  pnpm add -g vercel

  vercel login

  vercel deploy

```