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