From ffe9718a5013a0b7b82e41fe78d61a4801ab8570 Mon Sep 17 00:00:00 2001 From: Vijay Shanker Sharma Date: Fri, 7 Jun 2024 06:58:56 +0530 Subject: [PATCH] Added News Reader API --- .../News_Reader_API/README.md | 28 +++++++ .../News_Reader_API/assets/image.png | Bin 0 -> 13967 bytes .../News_Reader_API/index.html | 17 ++++ .../News_Reader_API/script.js | 21 +++++ .../News_Reader_API/style.css | 77 ++++++++++++++++++ Existing_API_Collection/README.md | 1 + 6 files changed, 144 insertions(+) create mode 100644 Existing_API_Collection/News_Reader_API/README.md create mode 100644 Existing_API_Collection/News_Reader_API/assets/image.png create mode 100644 Existing_API_Collection/News_Reader_API/index.html create mode 100644 Existing_API_Collection/News_Reader_API/script.js create mode 100644 Existing_API_Collection/News_Reader_API/style.css diff --git a/Existing_API_Collection/News_Reader_API/README.md b/Existing_API_Collection/News_Reader_API/README.md new file mode 100644 index 0000000..9058e6f --- /dev/null +++ b/Existing_API_Collection/News_Reader_API/README.md @@ -0,0 +1,28 @@ +# News Reader API + +Welcome to the News Reader API! This API allows you to fetch the latest news articles from various sources. Simply click the "Get News" button, and I'll provide you with the most recent headlines! + +## Features +- **Fetch Latest News Articles:** Retrieve the most recent news articles from various sources. +- **Simple User Interface:** Designed with simplicity in mind, making it easy to use. +- **Error Handling:** Robust error handling ensures smooth API usage, providing meaningful error messages when necessary. + +## Technologies Used +- HTML +- CSS +- JavaScript +- API (for fetching news data) + +# API Integration +This application uses an external API to fetch news data. The specific API endpoint and details can be found in the script.js file. + +## Installation +To set up the News Reader API locally, follow these steps: + +1. Clone the repository. +2. Navigate to the directory where the repository is cloned. +3. Open the `index.html` file in a web browser. + +## Screenshots +![Screenshot](assets/image.png) + diff --git a/Existing_API_Collection/News_Reader_API/assets/image.png b/Existing_API_Collection/News_Reader_API/assets/image.png new file mode 100644 index 0000000000000000000000000000000000000000..a8d1455466880279533144e5dcf28ffe3532daed GIT binary patch literal 13967 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 + + + + + News Reader + + + +
+

News Reader

+ +
+
+ + + diff --git a/Existing_API_Collection/News_Reader_API/script.js b/Existing_API_Collection/News_Reader_API/script.js new file mode 100644 index 0000000..96d081d --- /dev/null +++ b/Existing_API_Collection/News_Reader_API/script.js @@ -0,0 +1,21 @@ +// Your JavaScript code +document.getElementById('getNews').addEventListener('click', function() { + const apiKey = '3887ca8399f947b4844a2c81ea570e40'; // Replace with your NewsAPI key + const apiUrl = `https://newsapi.org/v2/top-headlines?country=us&apiKey=${apiKey}`; + + fetch(apiUrl) + .then(response => response.json()) + .then(data => { + const newsResult = document.getElementById('newsResult'); + newsResult.innerHTML = data.articles.map(article => ` +
+

${article.title}

+

${article.description}

+ Read more +
+ `).join(''); + }) + .catch(error => { + console.error('Error fetching the news:', error); + }); +}); \ No newline at end of file diff --git a/Existing_API_Collection/News_Reader_API/style.css b/Existing_API_Collection/News_Reader_API/style.css new file mode 100644 index 0000000..106392a --- /dev/null +++ b/Existing_API_Collection/News_Reader_API/style.css @@ -0,0 +1,77 @@ +body { + font-family: Arial, sans-serif; + background-color: #f0f0f0; /* Light grey */ + margin: 0; + padding: 0; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + +.news-container { + background-color: #ffffff; /* White */ + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + border-radius: 10px; + padding: 20px; + width: 80%; + max-width: 600px; + text-align: center; +} + +h1 { + color: #333333; /* Dark grey */ + font-size: 2em; + margin-bottom: 20px; +} + +button { + background-color: #4CAF50; /* Green */ + color: #ffffff; /* White */ + border: none; + padding: 10px 20px; + border-radius: 5px; + font-size: 1em; + cursor: pointer; + transition: background-color 0.3s ease; +} + +button:hover { + background-color: #45a049; /* Darker green on hover */ +} + +#newsResult { + margin-top: 20px; + text-align: left; +} + +.news-item { + padding: 20px; + border-bottom: 1px solid #dddddd; /* Lighter grey */ +} + +.news-item:last-child { + border-bottom: none; +} + +.news-item h2 { + font-size: 1.5em; + margin: 0 0 10px 0; + color: #007BFF; /* Blue */ +} + +.news-item p { + margin: 0; + color: #666666; /* Grey */ + font-size: 1em; +} + +.news-item a { + color: #4CAF50; /* Green */ + text-decoration: none; + font-weight: bold; +} + +.news-item a:hover { + text-decoration: underline; +} \ No newline at end of file diff --git a/Existing_API_Collection/README.md b/Existing_API_Collection/README.md index c6c3921..795ac99 100644 --- a/Existing_API_Collection/README.md +++ b/Existing_API_Collection/README.md @@ -16,6 +16,7 @@ |[Product Store API](./ProductStoreAPI/)| A Product Store API using NodeJS, ExpressJS, MongoDB and Mongoose | |[Bored API](./BoredAPI/)|Bored API is a versatile tool designed to provide users with random activity suggestions when they're feeling bored. With this API, users can access a wide range of activities to spark inspiration and alleviate boredom. From creative hobbies to outdoor adventures, Bored API offers something for everyone.| |[Unsplash API](./unsplashApi/)| An API that enables users to retrieve high quality and copyright free Images from Unsplash and also get random Images | +| [News Reader API](./News_Reader_API/) | The News Reader API allows you to fetch the latest news articles from various sources. Simply click the "Get News" button to retrieve the most recent headlines! | |[Cricket API](./Cricket_Score_API/)| this api gives all the current matches and upcoming matches also give scores of current matches and gives players list | |[NewsBuster](./news-buster-api/)|This API helps you gain worldly knowledge with a better frontend by fetching API | |[TranslatorAPI](./TranslatorAPI/)|This API helps to translate text with OTHER languages|