Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/richardmiruka/news-web-application

This is a News-web-application project written in JavaScript programming language at Moringa School Bootcamp during the Phase -3 Capstone Project. (May 2023)
https://github.com/richardmiruka/news-web-application

html javascript news nodejs webapp

Last synced: 20 days ago
JSON representation

This is a News-web-application project written in JavaScript programming language at Moringa School Bootcamp during the Phase -3 Capstone Project. (May 2023)

Host: GitHub
URL: https://github.com/richardmiruka/news-web-application
Owner: RichardMiruka
Created: 2023-05-04T18:27:55.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2023-09-20T10:46:21.000Z (over 1 year ago)
Last Synced: 2024-11-11T07:45:35.649Z (3 months ago)
Topics: html, javascript, news, nodejs, webapp
Language: JavaScript
Homepage: https://news-web-application.onrender.com
Size: 848 KB
Stars: 1
Watchers: 3
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# News Web App
# Contributors of this Project
## By Richard Miruka, Benta Ofula, Rebeccah Nakhanu and Michael Limisi
# Description
Moringa Phase 2 Group Project on a News Web App that allows users to:
* View news headlines
* View news articles from various news sources e.g BBC, CNN
* View news articles based on category e.g sports, technology
* View news from a particluar news source
# Setup Requirements
* Git
* Github
* Web Browser (Chrome or Frefox)
* Node.js https://nodejs.org/en/
# Setup Installation
* Copy the link of this repository.
```
https://github.com/RichardMiruka/news-web-application
```
* Clone it to your local machine.
```
git clone https://github.com/RichardMiruka/news-web-application
```
* Open terminal and navigate to the directory of the project.
```
cd news-web-application
```
* Run the following command to install the node modules folder.
```
npm install
```
* Run the web app in development mode.
```
npm start
```
* Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
# Technologies Used
* HTML5
* CSS3
* ReactJS
* Bootstrap 5.2
# Some Screenshots
* Headlines Section
![Homepage Image](src/assets/HomePage.jpg)

* Top CNN News
![CNNArticles Image](src/assets/CNNArticles.jpg)

* Top BBC News
![BBCArticles Image](src/assets/BBCArticles.jpg)

* Top Al Jazeera News
![AlJazeeraArticles Image](src/assets/AlJazeeraArticles.jpg)

* Top News Sources
![Sources Image](src/assets/NewsSources.jpg)

* News Articles Depending on Category e.g Sports
![Sports Image](src/assets/Sports.jpg)

# Known Bugs
There are no known bugs of this project at the moment 😎.
# Support and contact details
For any contributions towards this project:
* Email: [email protected]
* Phone: +254 700 129 706