Anas1108 / news-paper

Newspaper App

The Newspaper App is a simple React application that fetches and displays top headlines from a news API. It features a responsive design with cards for each news article and a dynamic theme based on the API data.

Table of Contents

• Installation
• Usage
• Components
• CSS
• License

Installation

To run this project locally, follow these steps:

1. Clone the repository: git clone https://github.com/your-username/newspaper-app.git and navigate to the project directory: cd newspaper-app
2. Install dependencies: npm install
3. Start the development server: npm start

The app should now be running on http://localhost:3000.

Usage

The application consists of two main components: NewsArea and NewsItem. The NewsArea component fetches data from the news API and passes the article data to the NewsItem component, which displays each article in a card format.

Components

• NewsArea: Fetches news data from the API and maps each article to a NewsItem component.
• NewsItem: Displays the details of a single news article including the title, description, and an image.

CSS

The CSS for this project is managed through a combination of Bootstrap classes and custom styles defined in the App.css file. Each card is styled to be responsive and visually appealing.