CommunityOfCoders / CommunityOfCoders/WebGenesis

Build a React.js News App

Open
#16 0 comments 0 reactions 0 assignees View on GitHub
Medium React
Dominant language
HTML
Stars
10
Forks
77
PR merge metrics
No merged PRs in 30d

Description

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

---
![Image](https://github.com/user-attachments/assets/e47ee5c1-382f-449a-a880-fbcb7694ff16)
---

## 📋 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**.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.