/Jello

AA Part Time Group Project

Primary LanguageJavaScript

Jello

By Alex Alfadel, Matthew Hung, Kyle Mooney ,Kyle Good

Checkout Jello

Jello is an intuitive kan-ban style, task tracking software for collaborators to visually organize and prioritize tasks. You can create boards, lists, cards, and comments to track your project progress.

Index

Technologies Used

  • Python
  • Flask
  • SQL
  • SQLAlchemy
  • JavaScript
  • React/Redux
  • CSS

Overview

Once a user logs in, they'll be directed to a home page of their boards.

Screenshot 2024-01-06 at 10 21 55 AM

By clicking 'Board+', users can create a new board and choose a board background color.

Screenshot 2024-01-06 at 10 22 10 AM

Once they've created their new board, the user will be redirected to the boards page. From here, they can add their first list.

Screenshot 2024-01-06 at 10 22 30 AM

Once a list is created, the user can edit the list title or delete the list.

Screenshot 2024-01-06 at 10 27 57 AM

Users can add new cards by clicking the '+Add a card' button.

Screenshot 2024-01-06 at 10 23 02 AM

Once a card is created, users can click on the card to update the title and description.

Screenshot 2024-01-06 at 10 23 24 AM

Users can also post new comments on the card.

Screenshot 2024-01-06 at 10 23 44 AM

Once a comment is created, Users can edit or delete their comments.

Screenshot 2024-01-06 at 10 24 04 AM

Challenges

  • Challenges included integration of each developers components to ensure they worked together
  • Styling was difficult to ensure consistency
  • Ensuring redux store was refreshing and registering changes appropriately between components
  • Github synchronization
  • Enforcing validations
  • Coming soon features such as drag and drop and shared boards