Web-News-Project

Customized News Webpage

Yueyi Yang yueyiyan@usc.edu

Jingchao Zhou jingchao@usc.edu

Install

npm install 
npm install express
npm install cor
npm install mocha
npm install chai

Description

Our purpose of creating a Customized News Website is filtering massive news from various categories and providing the information that users are really looking for. Recently, the coronavirus is spreading worldwidely. News about the coronavirus almost dominates every new web page. In this case, it is especially difficult for some certain people who read news online to find news that really interests them. For example, some users would like to read sports news other than the coronavirus or maybe some users are only concerned about the coronavirus news of their own countries. Therefore, we create our Customized News Webpage to help these people. Our project includes the following features.

Homepage

Homepage is the initial web page in which some hottest news will be displayed. Users can go back to the homepage by clicking the home tab.

Every article will be classified into a tab (such as coronavirus, Sports, arts, etc) and viewers can go to these sections by clicking corresponding tabs on the homepage.

Detailed Article Page

All articles are clickable and open a detailed view of the article. Detailed contents of an article include title, image, date and description.

Favorite Tab

In the article page, users can add the article into their favorites. From the homepage of the website, the detailed article page and the search result page, the user can navigate to the favorite tab.

Keyword Search

Users can search their interested news by input keywords in the search box. After the user searches for a keyword, articles related to that keyword will be displayed on a new page. Autosuggest will appear when some words are inputted