Git Product home page Git Product logo

personal-trello's Introduction

<<<<<<< HEAD

Kards - Simple Kanban Board

HTML5 CSS JavaScript

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.

Screenshot


Setup

A live version of the web app is available on my github pages here. If you wish to modify the app or host it yourself, you can clone the repo and do whatever you want with it.

  1. Clone the repository.
git clone https://github.com/Paulabad-BigData/Personal-Trello.git
  1. Install the dependencies.
npm install
  1. This will start a live server. Head to the IP shown in the console.
npm run serve

To-Do

  • Add persistent local storage.
  • Allow item names to be edited.
  • Allow the user to create multiple boards.
  • Add card settings context menu.
    • Delete
    • Clear
    • 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.

Contribution

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.

=======

Personal-Trello

aa915d9cf68d950a14bb15783e8f04a7d05d748b

personal-trello's People

Contributors

paulabad-bigdata avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.