[Frontend] Create a Card Component

[divyamrastogi]

I'm submitting a ...

• feature request

Current behavior:
We need a Card component so as to reuse on the project description page based on the design

Expected behavior:
Anyone should be able to use the card component in this way:

<Card onClick={someHandler} detail={true} detailText="Click Here">
  <div className="title">This is the title</div>
  <div className="description">This is the description</div>
</Card>

onClick can be an optional property.
detail can be false by default and is optional.
detailText is a configurable and optional string parameter in case there's a link below the description with a default value of 'Read More'.

There are basically three main variations of this component.

[anurag-majumdar]

I can work on this feature.

[anurag-majumdar]

@divyamrastogi @blenderskool

This is how it looks now, just like it was mentioned.

I have a few doubts:

1. Will this card be only used for detailed texts and descriptions and the click for read more if extra data is there?
2. I guess we need to set a default height for this type of card with descriptions instead of height of card as 100%.
3. The Read More button will make sure we go to the next page for detailed read that can be optional and passed as a click handler.

There may be some minor css changes required later on if it comes to mind, but followed the design and style. Let me know what do you guys think?

[anurag-majumdar]

Made changes to shadow of the card component. Made it as shown in the design.