Design & Create Task Card Component

chingu-voyages / v25-geckos-team-01

PayItForward | Voyage-25 | https://chingu.io/

2 stars 0 forks source link

Design & Create Task Card Component #31

Open jdmedlock opened 3 years ago

jdmedlock commented 3 years ago

Design and create a task card component. This will contain a summary of the task that is displayed on the home screen.

When the app is started all cards will be displayed. When a search is performed only those cards matching the search criteria will be displayed.

Coordinate with @Ces-D who is creating the database record defining the fields in a task.

You may also find it advisable to create two components - one for the collection of tasks and one for the task itself.

Task card should contain:

title
user name (organization name)
status
description preview (first n chars or lines)
images (future consideration)

Display only first 3-4 on Splash page

Parent task: #6

RyanJTalbot commented 3 years ago

are Task Cards the same thing as cards you'd see when using bootstrap?

CliftonHill commented 3 years ago

@RyanJTalbot Sort of in the sense that there will be a consistent CSS style applied, but we'll use React, so it will generate the HTML in a different manner than if you were to try and have javascript create a bunch of child nodes with bootstrap card stylings.

RyanJTalbot commented 3 years ago

hey Jim, I saw that we should "When the app is started all cards will be displayed." do we have an idea of how many cards that will be? 10's or 100's or ...?

jdmedlock commented 3 years ago

This would be a decision we can talk about with the team in tonight's meeting. In general it's best to not have a limit, but if volume got extremely large you might want to consider displaying just the first few tasks for each non-profit with a link at the end to display the remaining tasks for that non-profit. There are many other options for handling this type of situation as well.