[FEAT] External Dynamic Pages -> Blog Post Page -> Implement Related Articles

[kleenpulse]

Description

Develop a reusable Related Articles component. This component will be used to display related articles on individual blog post pages. The Related Articles component should include the following elements:

Acceptance Criteria

• The Related Articles component is implemented according to the design.
• The component should be fully responsive and look good on all screen sizes.

Requirements

The component should receive the following props:

• List of related articles (each article includes title, description, date, author name, reading time, tag, and image)

Testing

• Ensure the component renders correctly with all required elements.
• The current Blog post shouldn't be included included in related
• Check that the component handles edge cases (e.g. overflows)

Tasks

• [ ] Develop the Related Articles component based on the provided requirements.
• [ ] Run tests to ensure the component works as expected
• [ ] Test the component for responsiveness and accessibility.

LINKS

FIGMA LINK.

IMAGES

[kingstech001]

please check this figma link I don't think it is the correct one

[jerahmeel200]

the design on the figma is not clear

[kingstech001]

The link to the figma is not correct I was searching for the section I'm supposed to work on but is it not there, it is on another issues figma

On Thu, Jul 18, 2024, 7:45 PM jerahmeel princewill @.***> wrote:

the design on the figma is not clear

— Reply to this email directly, view it on GitHub https://github.com/hngprojects/hng_boilerplate_nextjs/issues/76#issuecomment-2237276036, or unsubscribe https://github.com/notifications/unsubscribe-auth/A7UE4X4DKSH4VV57X6JLZZTZNAELFAVCNFSM6AAAAABLA2XIR6VHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDEMZXGI3TMMBTGY . You are receiving this because you were assigned.Message ID: @.***>

[kleenpulse]

@kingstech001 fixed

[cyber330d]

@kleenpulse Mobile version is not corresponding to Desktop version on figma link am not even sure if they mean the same thing heading and images are different it was likely an oversight on the designer but will definitely cause trouble for me if I implement two different designs that are supposed to show a single design responsiveness please add an image of it the mobile design am implementing to the issue!!