Skip to content

Build a React.js News App #16

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.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

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