/jello

Jello, a clone of Trello, is a simple, easy-to-use collaboration tool that enables you to organize projects and everything related to them into boards

Primary LanguageJavaScript

Jello, a clone of Trello, is a simple, easy-to-use collaboration tool that enables you to organize projects and everything related to them into boards!

Table of Contents

Getting Started

To get started, you can access the live site here.

Step 1

image

From the home page, you can access the site via a demo user or by signing up. In the sign up form, you must enter a first name, last name, email, a password of at least 3 chacters, and you may choose from our selection of Jello avatars.

brave_ezgiwsQuAb

Step 2

After filling our the form with your information, you can now access Jello to its full potential! Have fun building your boards!

brave_LrMEApLXwF

Technical Details

Atlassian's react-beautiful-dnd package brought life to Jello. By utilizing this package, Jello gives users the capability to reorganize their lists or cards, the power to change their mind, shift their thinking, and make overall better project boards. To fully implement this package, we applied the DragDropContext, Droppable, and Draggable components to our list and card components. The DragDropContext component provides context to allow for our lists and cards to fully mobile.

brave_M12cFzcdir

brave_AsDopaWixx

Technologies

Feature List

  • Users can sign up, log in, and log out
  • Logged-in users can create a board, view their boards, update their board, and delete a board
  • Logged-in users can create a list, view their lists within a board, update a list, and delete a list
  • Logged-in users can create a card, view their cards within a list, update a card, and delete a card
  • Logged-in users can share their boards, view users who received access to the owner's board, and remove access from a user
  • Logged-in users can leave a comment on a card, view all comments on a card, and delete their own comments

Future Implementations

A few features missing from this Trello clone that will be implemented at a later date:

  • Workspaces
  • User profiles
  • Board settings
  • Hotkeys