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