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: about 1 month 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 (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-09-20T10:46:21.000Z (almost 3 years ago)
• Last Synced: 2025-01-09T05:37:02.600Z (over 1 year 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: richardmiruka96@gmail.com

* Phone: +254 700 129 706