[FEATURE] Create Card Component

[YuriDevAT]

Description

Create a card component using the style provided by one of our contributors.

https://github.com/YurisCodingClub/zero-minds/blob/main/public/project-card/design-link

Acceptance criteria

• A vertical card component is created in the components folder.
• Basic styling is added (dummy image, three sections as shown in the image, no further components)

💡 Note: the components inside the card will become own issues in the next few days.

[pragyamishra56]

@YuriDevAT Mam can I create a card component using HTML CSS tailwind or Bootstrap? could you assign me if that would be possible then?

[AviGawande]

would be glad if you assign this project and provide the expected result.

[YuriDevAT]

@AviGawande the expected result is shown following the link in the description. Is this something you think you can achieve using React and Tailwind?

[AviGawande]

I will contribute as per my knowledge.

[ankushbhardwaj408]

Hi @YuriDevAT i would like to contribute on this.Please assign it to me

[YuriDevAT]

@YuriDevAT Mam can I create a card component using HTML CSS tailwind or Bootstrap? could you assign me if that would be possible then?

@pragyamishra56 For this project, Tailwind CSS is used.

You can find the techstack of each project in the about page, or sometimes also in the readme file.

[pragyamishra56]

@YuriDevAT Thank you for kind of your assistance, ma'am. Can I use HTML, CSS, and Tailwind?

[YuriDevAT]

Sure @pragyamishra56 happy to have you contributing to one of my projects again 😄

[pragyamishra56]

@YuriDevAT Thank you so much mam

[pragyamishra56]

@YuriDevAT Ma'am, as you mentioned the card style, do you want it to appear the same way on the frontend as in the example you provided?

[YuriDevAT]

@pragyamishra56 yes, the one on the left is the provided style from one of the contributors. I would suggest to only create the card itself, set a dummy picture on top and three sections below (tech stack, team open position) as well as a button. These do not need special styling. I will divide this issue in more single issues for each component inside the card.

Sorry for the inconvenience of the undetailed issue. It is my first time changing a private project to an open source one and the tickets were written for me only back then. Thanks for your patience. 🙇🏽

[pragyamishra56]

@YuriDevAT Ma'am, would you like us to recreate the card in HTML/CSS using Bootstrap or Tailwind, based on the contributor's design in the picture, or do you prefer some modifications to the card components as designed in Figma?

[YuriDevAT]

@pragyamishra56 I updated the issue description. Simply create the outer component and the section with Tailwind seen in the contributors design.

[pragyamishra56]

@YuriDevAT Alright mam as you mention here I'll do the same with under your guidance Thank you mam

[pragyamishra56]

@YuriDevAT Mam, I have structured it as you mentioned: 'I will divide this issue into more individual issues for each component inside the card.' I will show you a screenshot once it's done, and if there are additional tasks required, please let me know, Mam

##Screenshot

[YuriDevAT]

Great work @pragyamishra56 🔥

[pragyamishra56]

@YuriDevAT Ma'am, can I proceed with the pull request I've shared along with the screenshot? If you believe further improvements are required, please let me know Mam

[pragyamishra56]

@YuriDevAT Mam, I submitted the screenshot three days ago. Could you please review it? If further improvements are needed before creating a pull request, kindly let me know. Thank you for your assistance

[YuriDevAT]

Great work @pragyamishra56 🔥

This comment I wrote 4 days ago was meant that it is okay. 👌🏽

[pragyamishra56]

Great work @pragyamishra56 🔥

This comment I wrote 4 days ago was meant that it is okay. 👌🏽

Thank you, ma'am. I appreciate your prompt response.