https://github.com/glowiep/whats-on-the-news

This repository houses a dynamic and responsive Single Page Application (SPA) that utilizes NewsAPI.org for real-time news data.
https://github.com/glowiep/whats-on-the-news

api personal-project single-page-app

Last synced: about 2 months ago
JSON representation

This repository houses a dynamic and responsive Single Page Application (SPA) that utilizes NewsAPI.org for real-time news data.

• Host: GitHub
• URL: https://github.com/glowiep/whats-on-the-news
• Owner: glowiep
• Created: 2023-11-19T15:22:34.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2023-12-09T16:26:08.000Z (over 1 year ago)
• Last Synced: 2025-02-11T12:30:48.203Z (3 months ago)
• Topics: api, personal-project, single-page-app
• Language: JavaScript
• Homepage:
• Size: 1.06 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# What's on the News?

This repository houses a dynamic and responsive Single Page Application (SPA) that utilizes NewsAPI.org for real-time news data.

## Final Product

!["Main News Search Page"](https://github.com/glowiep/whats-on-the-news/blob/master/docs/main-page.png?raw=true)

## Search Results

!["News Search Results"](https://github.com/glowiep/whats-on-the-news/blob/master/docs/news-search-results.png?raw=true)

## Dependencies

- Node 5.10.x or above

- jQuery: 3.4.1

  - Included via CDN for runtime use.

## Getting Started

1. Clone the repository to your local machine.

2. Obtain a NewsAPI.org API key and configure it in the scripts/client.js file.

3. Run ```npx serve``` or ```npx serve@13``` to serve the single page application locally. 


(Visit Serve npm package documentation here)

4. Once the site is running on your browser, enter your search criteria to start exploring the latest news.