https://github.com/kito99/github-repo-list
Demo application for the presentation Future-proof your Web Apps with Web Components and LitElement (https://www.mindmeister.com/1363423501/presentations-lit-element)
https://github.com/kito99/github-repo-list
litelement typescript web-components
Last synced: 2 months ago
JSON representation
Demo application for the presentation Future-proof your Web Apps with Web Components and LitElement (https://www.mindmeister.com/1363423501/presentations-lit-element)
- Host: GitHub
- URL: https://github.com/kito99/github-repo-list
- Owner: kito99
- Created: 2019-11-15T21:07:15.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2025-03-21T15:14:29.000Z (about 1 year ago)
- Last Synced: 2025-10-26T06:26:59.490Z (8 months ago)
- Topics: litelement, typescript, web-components
- Language: TypeScript
- Size: 1.54 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 17
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# virtua-github-repo-list
Simple Web Components that display repositories from Github, and can be filtered by Web Components-related topics.
Built using [Lit](https://lit.dev/) and TypeScript.
Sample application for Kito Mann's [Future-proof your Web Apps with Web Components and LitElement presentation](https://kitomann.com/#/sessions/14/future-proof-your-web-apps-with-web-components-and-litelement).
## Setup
This project requires [Node](https://nodejs.org) for building.
See [.nvmrc](.nvmrc) for the expected version.
(If you're using [nvm](https://github.com/nvm-sh/nvm), you can just run `nvm use` to switch to the correct version)/
Once you have the correct version of Node installed, just install the dependencies.
npm install
## Development
Since this project uses TypeScript, you need to compile your code first.
If you want fast feedback, have TypeScript watch for changes:
```
npm run watch
```
If you just want to build once, use:
```
npm run build
```
This project uses the [Web Dev Server](https://modern-web.dev/docs/dev-server/overview/) for local development.
This provides the added benefit of translating bare Node-style modules to ES Modules for consumption by the browser,
as well as other features.
To run the development server, run:
```
npm run start
```
## Building
No production build is setup for this project, but you can use ordinary build/bundling tools. See: https://open-wc.org/building/.
## Testing
No tests are currently in this project, but there are several options for testing Web Components. See: https://open-wc.org/testing/#setup.
## Contact
Check out https://kitomann.com for more information about the author, and links to social networks.