Scribd
Upload
18 views2 pages

Task - 2 (For Frontend People)

The document outlines the development of a News Aggregator Web App that allows users to browse, filter, and save news articles using a public API. Key features include displaying news articles with filtering options, a responsive UI, and minimal backend setup with a single API endpoint. Additional functionalities such as saving favorites, pagination, and sharing articles are also suggested as bonus tasks.

Uploaded by

kskhrithika
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
18 views2 pages

Task - 2 (For Frontend People)

The document outlines the development of a News Aggregator Web App that allows users to browse, filter, and save news articles using a public API. Key features include displaying news articles with filtering options, a responsive UI, and minimal backend setup with a single API endpoint. Additional functionalities such as saving favorites, pagination, and sharing articles are also suggested as bonus tasks.

Uploaded by

kskhrithika
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

News Aggregator App

Project Description

This is a frontend-heavy project where the focus is on building a functional News


Aggregator Web App. The app allows users to browse, filter, and save news articles
from a public news API. The backend is minimal, with only one endpoint acting as a proxy
to fetch news from an external API.

Expected Features & Functionality


1. News Display & Filtering

●​ Fetch news articles from the backend (GET /news?category=xyz).


●​ Display news cards containing:
○​ Title
○​ Image
○​ Short Description
○​ Read More button (opens the full article).
●​ Allow users to filter news by category (Technology, Sports, Business, etc.).

2. Category-Based API Integration

●​ Use one free API: NewsAPI (requires an API key).


●​ The backend will serve as a simple proxy fetching data from this API.

3. Responsive & User-Friendly UI

●​ Use a grid or list view to display articles neatly.


●​ Make the layout responsive for mobile, tablet, and desktop.
●​ Add loading spinners when fetching data.
●​ Add a toggle button for dark/light mode using CSS

Backend Setup (Minimal)


1. Single API Endpoint

●​ GET /news?category=xyz → Fetches news articles from NewsAPI based on


category.​
​
Categories can be
●​ general (default)
●​ business
●​ entertainment
●​ health
●​ science
●​ sports
●​ technology

Bonus Tasks
1. Favorites & Local Storage

●​ Allow users to save favorite articles.


●​ Store favorites in local storage for persistence.

2. Pagination or Infinite Scroll

●​ Load more articles when scrolling or implement page navigation.

3. Share Articles

●​ Allow users to share articles via social media.

How to Test the Application?


1.​ Start the backend and make sure the /news endpoint returns data.
2.​ Fetch and display news in the frontend.
3.​ Test filters, responsiveness, and user interactions.

For doubts : DM 7903505251 (Amisha)

You might also like