Create Event Card

[HassanBahati]

we need to add to create a card component and add to the home page.

here is a reference https://v1.tailwindcss.com/components/cards#stacked

the card should have the following

• image
• event tags (eg #flutter, #cloud, etc)
• event title
• event description

Best if we can create a sample data structure that contains sample events objects and loop those events through the card....so that multiple cards appear on the home page

[mosespace]

Hi, @HassanBahati But I think you did this in the page.tsx Is it it still open? or now we should do it in a data structure format?

[HassanBahati]

hi @mosespace yes partly...though that task also involves reading the data from a data structure that should reside in this directory

[mosespace]

@HassanBahati let me have a look at this,

[HassanBahati]

alright

[HassanBahati]

@mosespace how far on this?

[mosespace]

@HassanBahati hopefully am handling this tonight! 🙏

[mosespace]

Hi, @HassanBahati , Unfortunately I might be getting errors on this! any documentations / guidance on this?

[HassanBahati]

Hi, @HassanBahati , Unfortunately I might be getting errors on this! any documentations / guidance on this?

Hi @mosespace sorry about that...what errors do you get?

1. Does importing the data in events.json into index.tsx work?

[mosespace]

@HassanBahati , yes it works, but when i try replace the hard-coded event data in the Card component with the imported data, like using this brackets {} for example {events.name} it fails! i also do the mapping! but it still fails

[HassanBahati]

@HassanBahati , yes it works, but when i try replace the hard-coded event data in the Card component with the imported data, like using this brackets {} for example {events.name} it fails! i also do the mapping! but it still fails

@mosespace please open a pull request with what you have so we can see what the issue could be