15 - Creating Second React App - NewsLearn
Creating Second React App
Create a react app using class based components that uses bootstrap in your project such that in navbar there are news category you want to see from NewsAPI website that have following components like Navbar, News , NewsItem , Spinner can perform following functionalities :
Image 1 - React Second Project Template
FUNCTIONALITIES IN Navbar :
1- Different category of news in your page as per the category options in Navbar.
FUNCTIONALITIES IN News COMPONENT:
1- Heading at the top
2- In News Component there are different number of newsItems depending upon the pageSize.
3- Previous and Next to access remaining NewsItems.
4- Basically a box containing NewsItem components.
FUNCTIONALITIES IN NewsItem COMPONENT:
1- In NewsItem Component there is title , description ,author , source and date of news from NewsAPI website in card format of bootstrap.
2- A button through which we can go to each news in detail.
Comments
Post a Comment