A simple cards-based kanban board web app heavily inspired by Trello, the UI is also pretty similar to that of Trello. You can create upto 512 unique kanban boards with different names, which holds cards. Each card can hold an unlimited number of items/tasks each. All items support drag and drop between cards as well as within the same card to reoder. All data is stored locally on the computer by the browser. This whole project was written in HTML, CSS, and pure vanilla JavaScript with no external dependencies.
A live version of the web app is available on my github pages here. Another version (could be outdated) is hosted on my personal portfolio at this link. If you wish to modify the app or host it yourself, you can clone the repo and do whatever you want with it.
git clone https://github.com/waterrmalann/kards.git
- Install the dependencies.
npm install
- This will start a live server. Head to the IP shown in the console.
npm run serve
Add persistent local storage.Allow item names to be edited.Allow the user to create multiple boards.Add card settings context menu.DeleteClear- Duplicate
- Move (to another board)
- Replace normal alerts with dynamic pop up alerts.
- Allow items to hold images.
- Add a settings menu.
- Add different themes to choose from.
- Allow the user to enable or disable data persistence.
- Allow the user to download the board as
.csv
or.json
. - Allow the user to load a
.csv
or.json
file.
- Organize and improve the code.
- Performance optimizations.
- Allow the cards to keep more information like description and checklists.
Contributions are always accepted. Feel free to open a pull request to fix any issues or to make improvements you think that should be made. You could also help me with the to-do list above. Any contribution will be accepted as long as it doesn't stray too much from the objective of the app. If you're in doubt about whether the PR would be accepted or not, you can always open an issue to get my opinion on it.
MIT License, see LICENSE