Check out the demo here : TRULLO.
Or if you prefer a video : https://www.youtube.com/watch?v=qfdLk4egmYk
This is a clone of Trello, and uses their api to work on data. Users can either login with their trello account or login with the demo account to test out the app.
React has been used to build this.
-
Drag and drop cards from one list to another, in this kanban board. Or even drag the whole list from one place to another!
-
Cards can be added by clicking the add card button.
-
A card can be edited in place by clicking the edit button overlay on it, or by clicking the card to open up a modal. The modal also shows a description of the card for more details. A card can be deleted by clicking the 'X' button overlay on it. Close the modal by clicking outside or pressing the 'escape' key.
-
Lists can be edited or deleted as well by using the overlay buttons on the list title.
-
Lists can be added by clicking the add list button
-
Board names can be edited by clicking the board name in kanban view.
-
Boards can be created or deleted from the board selection screen.
-
Trullo is reponsive to screen size. The header and footer change depending on screen width. Lists are scaled according to screen height.
-
Users can login with their trello account using auth or just use the demo account.
-
React router has been implemented to work with card and boad urls. Enter a card url to directly jump to the card in modal view.
