https://github.com/j-grosse/lit-app
Web component made with Google's Lit Element Frontend Framework
https://github.com/j-grosse/lit-app
css3 elektrotechnik lit-element multimeter voltmeter webcomponent websocket-client websocket-server
Last synced: 6 months ago
JSON representation
Web component made with Google's Lit Element Frontend Framework
- Host: GitHub
- URL: https://github.com/j-grosse/lit-app
- Owner: j-grosse
- License: bsd-3-clause
- Created: 2024-05-14T15:42:37.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-05-31T05:52:31.000Z (about 2 years ago)
- Last Synced: 2025-02-01T18:11:17.240Z (over 1 year ago)
- Topics: css3, elektrotechnik, lit-element, multimeter, voltmeter, webcomponent, websocket-client, websocket-server
- Language: TypeScript
- Homepage: https://lit-voltmeter.onrender.com
- Size: 391 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# About
This app is a Voltmeter web component made with LitElement. It uses the ws Websocket library and is styled with vanilla css.
The project is based on the LitElement TypeScript starter template from the `lit-starter-ts` package in [the main Lit repo](https://github.com/lit/lit).
## Setup
Install dependencies:
```bash
npm i
```
## Build
To build the JavaScript version of your component and watch files and rebuild when the files are modified, run the following command:
```bash
npm run build:watch
```
## Node Websocket Server
To run the node server that sends and receives websocket messages to and from the voltmeter:
```bash
node server.js
```
## Dev Server
To run the dev server and open the project in a new browser tab:
```bash
npm run serve
```