Create a News reader app

[Faisalnwz01]

Task: Develop a Mobile-Responsive News Reading Web Page

Objective: Create a web page that displays news articles categorized by their respective publications. Each article should be presented with its title, a short summary, and the publication date.

Requirements:

Layout and Design:

The page should be fully responsive, adjusting smoothly to different screen sizes (mobile, tablet, and desktop).
Use a
clean and readable design. Consider using cards or a list format to display each article.
Sections by Publications:

Organize the articles into sections based on the publication. Each section should be clearly labeled with the name of the publication.
Within each section, articles should be sorted by their publication date, with the most recent articles at the top.
Article Components:

Title: Each article should display its title prominently.
Publication Date: Display the date when the article was published. Format the date in a reader-friendly manner (e.g., "April 21, 2024").
Technical Specifications:

Use HTML and CSS for the structure and styling. Consider using a framework like Bootstrap or Tailwind CSS for responsive design elements.
If dynamic content loading is required, consider using JavaScript or a JavaScript framework like React or Vue.js.
Ensure accessibility standards are met to provide a good user experience for all users, including those with disabilities.
Testing:

Test the responsiveness of the page on various devices and browsers to ensure compatibility and usability.
Check the readability and visual appeal of the layout across different screen sizes.
Deliverables:

A complete set of HTML, CSS, and potentially JavaScript files.
Documentation on the structure of the code and instructions on how to deploy the page.