Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yadamvinay369/insightrise
Single page news website made using newsapi.org API.
https://github.com/yadamvinay369/insightrise
api html-css-javascript newsapi-org
Last synced: about 1 month ago
JSON representation
Single page news website made using newsapi.org API.
- Host: GitHub
- URL: https://github.com/yadamvinay369/insightrise
- Owner: YadamVinay369
- Created: 2024-06-27T04:48:53.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-07-22T04:34:07.000Z (5 months ago)
- Last Synced: 2024-07-22T17:56:17.201Z (5 months ago)
- Topics: api, html-css-javascript, newsapi-org
- Language: CSS
- Homepage: https://drive.google.com/file/d/1uSGK8Cd-11qxtwnySZahbImHqNfXxhzM/view?usp=drive_link
- Size: 179 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Insight Rise
InsightRise is a single-page news website that provides the latest news from various well-known news channels. The website is built using HTML, CSS, and JavaScript, and it utilizes the NewsAPI (newsapi.org) to fetch news articles.
## Project Description
InsightRise aggregates the latest news articles and presents them in an easy-to-read format. Users can browse news by different categories such as Tech, Finance, Politics, and Fun. Additionally, users can search for news articles using keywords.
## Features
1. Display the latest news articles from multiple categories.
2. Search for news articles by keyword.
3. Simple and intuitive user interface.
## Demonstration
Google-drive link for the website demonstration is provided in the About section.
Please watch it for a better understanding.
## Installation
1. Clone the repository:
```bash
git clone https://github.com/your-username/insightrise.git
```
2. Navigate to the project directory:
```bash
cd insightrise
```
3. Open the project in a code editor (e.g., VS Code):
```bash
code .
```
4. Open index.html in a web browser to view the website:
## Usage Instructions
1. Browsing News:
Click on the category links (Tech, Finance, Politics, Fun) in the navigation bar to view news articles related to that category.
2. Searching News:
Enter a keyword in the search bar and click the search button to find news articles related to that keyword.
3. Viewing News Articles:
Click on any news article to open the full article in a new tab.
## API usage
The project uses the free version of the NewsAPI, which allows the website to run on localhost without any issues. However, to deploy the website and use the NewsAPI, you will need to upgrade to the premium version of the API.
## Contributing
Contributions are always welcome! If you would like to contribute to this project, please follow these steps:
1. Fork the repository:
Click the "Fork" button at the top right corner of this repository.
2. Clone your fork:
```bash
git clone https://github.com/YadamVinay369/insightrise.git
```
3. Create a new branch:
```bash
git checkout -b feature/your-feature-name
```
4. Make your changes and commit them:
```bash
git commit -m "Add your message here"
```
5. Push to your fork:
```
git push origin feature/your-feature-name
```
## Authors
- [@ Vinay Yadam](https://www.github.com/YadamVinay369)