[FEAT] External Static Pages > Blogs > Latest Articles Page

[ezenardr]

Description

Develop the latest articles blog page. This page will showcase the most recent blog articles, providing an engaging reading experience. Please ensure to follow the coding standards and guidelines as specified in the project documentation. If you have any questions or need further clarification, feel free to ask.

Acceptance Criteria

• The Latest Blog Article Page is implemented according to the design
• The component should be fully responsive and look good on all screen sizes.
• The page is integrated into the app and fully functional.
• Ensure accessibility standards are met, including appropriate alt text for images and proper semantic HTML.
• Documentation is updated to include usage instructions and examples of the Latest Blog Article Page.

Requirements

• The blog Card reusable components with necessary props
• Navigation bar (Reusable component)
• Footer (Reusable component)

Testing

• [ ] Ensure the page renders correctly with all required elements.

• [ ] Test the responsiveness and accessibility features.

• [ ] Validate the functionality of navigation links, social media sharing buttons, and CTA interactions.

• [ ] Check that the component handles different types of content gracefully.

Tasks

• [ ] Design the Latest Blog Article Page based on the provided requirements.
• [ ] Implement the page in the codebase.
• [ ] Write unit tests to ensure the page works as expected.
• [ ] Test the page for responsiveness and accessibility.
• [ ] Update documentation with usage instructions.

Images

Desktop view

Link

Figma Design

[mrcoded]

the attached design is not very specific about the page @ezenardr

[ezenardr]

I fix the link @mrcoded

[theblvckdev]

Please @ezenardr the figma link is leading to the wrong design. I think the correct one should be this: Suggested correct figma link

[ezenardr]

will fix it. thank you