Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/drealdumore/newssnap
The NewsSnap App is a simple web application built with HTML, PicoCSS, and JavaScript. It leverages the News API to fetch and display news headlines. Users can click on a particular news card to navigate to the main news source for detailed information.
https://github.com/drealdumore/newssnap
Last synced: 5 days ago
JSON representation
The NewsSnap App is a simple web application built with HTML, PicoCSS, and JavaScript. It leverages the News API to fetch and display news headlines. Users can click on a particular news card to navigate to the main news source for detailed information.
- Host: GitHub
- URL: https://github.com/drealdumore/newssnap
- Owner: Drealdumore
- Created: 2023-11-08T22:11:44.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2024-01-04T19:43:49.000Z (11 months ago)
- Last Synced: 2024-01-04T20:43:48.706Z (11 months ago)
- Language: JavaScript
- Homepage: https://news-snap.vercel.app
- Size: 11.9 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NewsSnap App
## Overview
The NewsSnap App is a simple web application built with HTML, PicoCSS, and JavaScript. It leverages the newsdata.io API to fetch and display news headlines. Users can click on a particular news card to get full content of the news and click on main source in the news detail popup to navigate to the main news source for detailed information.
## Features
- **Headline Display**: View a list of news headlines with images.
- **Source Routing**: Click on a news card to visit the main news source for the complete news article.
- **Responsive Design**: The app is designed to work seamlessly on various screen sizes.## Technologies Used
- HTML: Markup language for the structure of the web page.
- PicoCSS: Lightweight CSS library for styling.
- JavaScript: Used for fetching data from the News API and handling user interactions.