https://github.com/lancelet/webcomponent-mvp

What does a WebComponent look like?
https://github.com/lancelet/webcomponent-mvp

Last synced: 4 days ago
JSON representation

What does a WebComponent look like?

• Host: GitHub
• URL: https://github.com/lancelet/webcomponent-mvp
• Owner: lancelet
• Created: 2020-02-04T06:10:03.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2020-02-06T04:50:27.000Z (over 6 years ago)
• Last Synced: 2025-03-03T10:33:30.019Z (over 1 year ago)
• Language: JavaScript
• Size: 5.86 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# webcomponent-mvp

What does a WebComponent look like?

This is an ultra-simple prototype of a WebComponent to replace a markup tag

with a rendering of Egyptian Hieroglyphic in SVG.

## Instructions

Optional, if you use Nix:

```

nix-shell -p nodejs

```

Then use NPM to install the project dependencies. This only has to be done

once:

```

npm install

```

Finally, start the app:

```

npm start 

```

Then visit http://localhost:8080

Check out `dist/index.html` for the actual markup and `src/index.js` for the

WebComponent code that does the rendering.

There's no responsiveness yet. Would need to figure out how to do that, or use

a library like [`hybrid.js`](https://hybrids.js.org/).