# re-widget

> A pure javascript widget to add Todo Lists everywhere on your website

Latest version **2.0.3** (published 2020-10-16) · MIT license · 0 weekly downloads

## Install

```sh
npm install re-widget
pnpm add re-widget
yarn add re-widget
bun add re-widget
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.3 |
| Published | 2020-10-16 |
| First published | 2020-10-16 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 21.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Maxence Henneron |
| Maintainers | ravenseye-main |

## Links

- npm: https://www.npmjs.com/package/re-widget
- Repository: https://github.com/RavensEyeSolutions/widget-poc
- Homepage: https://github.com/RavensEyeSolutions/widget-poc#readme
- Issues: https://github.com/RavensEyeSolutions/widget-poc/issues
- npm.io page: https://npm.io/package/re-widget

## Recent versions

- 2.0.3 (latest) — 2020-10-16
- 2.0.2 — 2020-10-16

## README

# TodoWidget

<p align="center">
    <img src="https://user-images.githubusercontent.com/377682/62866542-46b6f580-bd11-11e9-8d40-8153f3cfb554.png" width="200px" alt="upload.express logo" />
</p>

The web does not have enough Todo app implementations. Here's the one I built using web components. 

# Install & Use

1. Add the following line at the end of your HTML document and 
```html
<script type="text/javascript" src="https://unpkg.com/todo-widget@1.0.2/dist/todo-widget.min.js"></script>
```

2. Initiate the list
```html
<todo-list>
  <list-item done>Clean the bedroom</list-item>
  <list-item>Watch a movie</list-item>
</todo-list>
```
3. ...

3. Profit!

# Tutorial

If you want to learn more about web components, I wrote two tutorials that will teach you more about them:

[Part 1](https://makerbubble.com/building-a-plain-javascript-widget-with-es6/)
[Part 2](https://makerbubble.com/building-a-pure-javascript-widget-with-web-components-part-2/)

---
_Source: https://npm.io/package/re-widget · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._