dollyxsoul / newspanda

NewsPanda is a React app which fetches the latest headlines from an API and serves them in byte sized cards with proper images and headlines.One can read the full news using the source of the article. NewsPanda is fully responsive and incorporates common industry standard features.

NewsPanda

NewsPanda is a full-stack web application that allows users to access the latest news headlines from different categories. The application fetches news articles from APIs and presents them in minimalistic cards with information and images, making it an easy-to-use and visually appealing way to stay informed.

Features

• Fetch the latest news articles from different categories
• Minimalistic cards that display information and images for each article
• Easy-to-use interface for browsing and exploring news articles
• Search articles using search terms
• Responsive design for optimal user experience on any device
• Infinite scroll to load more articles as the user scrolls

Tech Stack

NewsPanda is built using the following technologies:

• Front-end: HTML, CSS, JavaScript, React.js, Bootstrap
• Back-end: Node.js

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

• Node.js
• npm
• API KEY from NewsAPI.org

Installation

1. Clone the repository

git clone https://github.com/Dolly-chauhan12/NewsPanda.git

2. Install the dependencie

npm install

3. Start the server

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

Screencaps of the webapp

Responsive

Mobileview

Tablet View

License

This project is licensed under the MIT License.