Implement Cards

[atharva-gadekar]

Instructions

• Make a new file in the utils folder named Cards.json. In this file, make an array of Objects. The Objects should have the following keys.
  • id : (String)
  • category : (String)
  • tags : (An Array of Strings)
  • imgUrl : (String)
  • heading : (String)
  • desc : (String)
  • date : (String of format YYYY-MM-DD)
  • priority : (String)
  • details : (Leave as an empty String for now).
• Make multiple such objects inside the array with random data.
• Make a new component inside the components folder called Card.js. Fetch the data from the Cards.json file and display it using cards. Refer to the Figma design of the cards.
• The final cards must look like the ones shown in the design. Make sure to display each field from the JSON file as shown in the design.
• If the object does not have an imgUrl then don't display the image at all in the card.
• The cards should be responsive to some extent.

Card Designs

Figma Design Link : Click Here

[aasthaaaa7]

claim

[atharva-gadekar]

@aasthaaaa7 Updates? This is an important issue. I need it soon.

[aasthaaaa7]

im working on it

[atharva-gadekar]

Issue open for reassignment

[SanyamAgrawal07]

claim

[GammaMicrowave]

Claim

[atharva-gadekar]

Great Work @SanyamAgrawal07! Issue closed