Skip to content

gaabmarquez/trello-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Trello Clone

A live version of this project can be found here DEMO

This project was made to prove React / Redux knowledge.
This project is a basic trello.com clone, with minimum functionality.

What can be done with this app?

  • Create cards and lists

  • Edit cards and lists

  • Seach cards by the text in them.

  • Archive cards and lists

  • Move cards and lists

  • Duplicate cards

  • Duplicate lists and the cards in it

  • Automatically persist any change in the local storage

  • Undo last change (archive, move, edit)

Guide

How to create a card:

  • Select the list you want to add the card to

  • Click on Add another card

  • Enter the text for the card

  • Click on Add Card

How to edit a card:

  • Hover over a card and the menu will be displayed

  • Click on the pencil icon

  • Enter the new text / tile

  • Click on Save

How to duplicate a card:

  • Hover over a card and the menu will be displayed

  • Click on the sheets icon

  • A new card will appear below of the selected one with the text Copy of card text

How to archive a card:

  • Hover over a card and the menu will be displayed

  • Click on the archive box icon

  • The list will be archived

How to search cards:

  • Select the text box on the top of the screen

  • Type the text you want to search, automatically will filter the cards

  • To clean the search, click the cross icon inside the text box or delete all the text

How to create a list:

  • Click on Add another list

  • Enter title for the list

  • Click on Add List

How to edit a list:

  • Click on the pencil icon

  • Enter the new text / tile

  • Click on Save

How to duplicate a list:

  • Click on the Sheets icon

  • A new list will appear to the right of the selected one with the text Copy of list name

  • The new list will contain a copy of each card of the selected list

How to archive a list:

  • Click on the archive box icon

  • The list will be archived

How to undo last performed action

  • Click on undo last action button

How to see archived lists and cards

  • Click on Show Menu button
  • Archived list and cards will be displayed

Releases

No releases published

Packages

No packages published

Languages