https://github.com/akselsledins/trello-web-components

Trello-like Application with web components
https://github.com/akselsledins/trello-web-components

Last synced: 5 months ago
JSON representation

Trello-like Application with web components

• Host: GitHub
• URL: https://github.com/akselsledins/trello-web-components
• Owner: AkselsLedins
• License: gpl-3.0
• Created: 2019-05-14T19:21:16.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-03T22:03:27.000Z (over 2 years ago)
• Last Synced: 2023-12-12T21:20:42.344Z (over 1 year ago)
• Language: JavaScript
• Homepage:
• Size: 2.13 MB
• Stars: 9
• Watchers: 3
• Forks: 0
• Open Issues: 19
• Metadata Files:
  • Readme: README.md
  • Contributing: docs/CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: docs/CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        


[![CircleCI](https://circleci.com/gh/AkselsLedins/trello-web-components.svg?style=svg)](https://circleci.com/gh/AkselsLedins/trello-web-components)

[![GitHub issues](https://img.shields.io/github/issues/AkselsLedins/trello-web-components.svg)](https://github.com/AkselsLedins/trello-web-components/issues)

[![GitHub forks](https://img.shields.io/github/forks/AkselsLedins/trello-web-components.svg)](https://github.com/AkselsLedins/trello-web-components/network)

[![GitHub stars](https://img.shields.io/github/stars/AkselsLedins/trello-web-components.svg)](https://github.com/AkselsLedins/trello-web-components/stargazers)

[![Twitter](https://img.shields.io/twitter/url/https/github.com/AkselsLedins/trello-web-components.svg?style=social)](https://twitter.com/intent/tweet?text=Wow:&url=https%3A%2F%2Fgithub.com%2FAkselsLedins%2Ftrello-web-components)

[![GitHub license](https://img.shields.io/github/license/AkselsLedins/trello-web-components.svg)](https://github.com/AkselsLedins/trello-web-components)





Trello-like - with Web Components














* ✔ Vanilla JS

* ✔ Lightweight (36ko uncompressed)

* ✔ No dependencies (except for testing)

* ✔ Decent UX

* ✔ Works



  





### Features

* ✓ display all columns with all cards

* ✓ create a new card

* ✓ modify a card

* ✓ delete a card

* ✓ add a column

* ✓ delete a column

* ✓ search for any keywords presents on one or multiple cards

* ✓ drag and drop a card from one column to another

* ✓ click on a card to see its description

### Missing features

* ❌ [#14](https://github.com/AkselsLedins/trello-web-components/issues/14) modify a column

* ❌ [#10](https://github.com/AkselsLedins/trello-web-components/issues/10) cards and columns should be unique

Any contribution is welcome. Please see [CONTRIBUTING.md](./docs/CONTRIBUTING.md)



### How do I launch it?

#### Setup

```

$> npm install

```

> Q: But you said no dependencies?

>

> A: We use json-server to serve our index.html and to create an API.

#### Start the application

```

$> npm start

```



  



You can access the application on your browser at `http://localhost:3000`

#### Test the application

```

$> npm test

```

This will test the application. Beware, it will **override** the database in `data/db.json`.

Port `3000` should be free.



  



##### Testing Strategy

There are only one E2E test. We believe that it will be counter-productive writing unit tests for this app.

At the moment the application is not covered at 100%. Each feature should be tested in order to prevent defects in future developments.