๐Ÿ“ฆ jasonbanboa / vanila-kanban

โ˜… 1 stars โ‘‚ 0 forks ๐Ÿ‘ 1 watching
๐Ÿ“ฅ Clone https://github.com/jasonbanboa/vanila-kanban.git
HTTPS git clone https://github.com/jasonbanboa/vanila-kanban.git
SSH git clone git@github.com:jasonbanboa/vanila-kanban.git
CLI gh repo clone jasonbanboa/vanila-kanban
jasonbanboa jasonbanboa Update index.html 2314484 11 months ago ๐Ÿ“ History
๐Ÿ“‚ main View all commits โ†’
๐Ÿ“ .vscode
๐Ÿ“ css
๐Ÿ“ js
๐Ÿ“ lib
๐Ÿ“„ index.html
๐Ÿ“„ README.md
๐Ÿ“„ README.md

vanila-kanban

kanban board make with vanila js
drag and drop features, crud operations and ect
live preview: https://vanila-kanban.vercel.app/index.html?workspaceID=5nabaxci-XwKg-g1Kq-LNlq

TODO

refactor + workspace features
fix: cant delete workspace when there is only one

localstorage

'kanban' is set in localstorage
JSON.parse(localStorage.getItem('kanban')) returns
{
  workspaces: { 
    workspaceID: string,
    workspaceName: string,
    sections: {
      sectionID: string,
      sectionName: string,
      todos: {
        todoID: string,
        todoName: string,
        description: string,
      }[]
    }[]
  }[]
}

util functions

  • generateUniqueID() => returns unique id; used to set pk for workspace, section, and todos
  • ect...

any function that modifies the kanban will call these function

  • getKanbanData() => gets kaban data from localStorage then returns data parsed to an js object
  • updateKanbanData(updatedKanbanData) => takes an object of workspaces, stringifies then updates to localstorage
function modifiesKanbanData() {
  const DATA = getKanbanData();
  // modify data...
  
  updateKanbanData();
}