Skip to content

Build a React.js News App #16

@xyz-harshal

Description

@xyz-harshal

📌 Description

Build a React.js News App that fetches real-time news from NewsAPI and offers a responsive UI.


Image

📋 Tasks

🚀 Project Setup

  • Initialize a React.js project using Vite or Create React App.
  • Install dependencies (React Router, Tailwind CSS, Axios, etc.).

📰 Fetch & Display News

  • Fetch and display news headlines, images, and descriptions.
  • Implement pagination/lazy loading for better performance.

🎨 Responsive UI

  • Ensure mobile-friendly design with Tailwind CSS.
  • (Optional) Dark/Light mode toggle.

⚡ Error Handling & UX

  • Show loading indicators while fetching news.
  • Display error messages for failed requests.

✅ Acceptance Criteria

  • News is fetched dynamically.
  • UI is responsive on all devices.
  • Proper error handling is in place.
  • Code is clean & well-documented.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions