Implement a blog landing page for the app. This page will serve as the main entry point for our blog section, showcasing recent posts and engaging users with a clean and appealing design. The Blog Landing Page should include a header, navigation bar, recent blog posts section, a call-to-action (CTA), and a footer.
External static pages > Blog landing Page
What did you do?
Developed a blog landing page based on the requirement that was provided
Imported the reusable components like header and footer.
Wrote a lint test to ensure there were no errors
Added the recent blog section
Added the show more article section
Due to some reasons, i created a recent card components were I pass props to my Blog post components;
Title,
Date,
TimeRead,
Link to the actual blog article
Image,
Description,
Variant,
install the necessary dependencies,
added images to the image folder in public folder
Description
Github issue: #88
What were you told to do?
Implement a blog landing page for the app. This page will serve as the main entry point for our blog section, showcasing recent posts and engaging users with a clean and appealing design. The Blog Landing Page should include a header, navigation bar, recent blog posts section, a call-to-action (CTA), and a footer.
External static pages > Blog landing Page
What did you do?
Developed a blog landing page based on the requirement that was provided Imported the reusable components like header and footer. Wrote a lint test to ensure there were no errors Added the recent blog section Added the show more article section Due to some reasons, i created a recent card components were I pass props to my Blog post components; Title, Date, TimeRead, Link to the actual blog article Image, Description, Variant, install the necessary dependencies, added images to the image folder in public folder
Check List (Check all the applicable boxes)
🚨Please review the contribution guideline for this repository.
Screenshots/Videos
lint test img
mobile view 1
mobiole view 2
Figma design
desktop view