Insta NEWS is a REACT based single page application with front end and API calls. Designed to show us TOP Headlines using the NewsAPI and Gnews.io API. Simply visit to get updated with latest news. Included the most advanced Front end Web Development Features like Infinite Scroll, Responsive Top Loading Bar, Routers etc. The NewsAPI fetches the real time news data in the form of json file and the data is shown on the website in the form of Cards, and the website consists of different section, and country specific news viewing options as well. The modern front end websites now a days are made using Single page application, the Index.html file only contains a div element, and all the code injection takes place in the div. If we click on some link within the website, a new code is injected in the div, hence the page never reloads. This creates a very good user experience as well as saves a lot of server data and band width, especially for those components that are common to all the pages like navbar, hamburger menu, or side bar. This might be a small data for client but for a server handling millions of request per day, single page application is a huge plus.
This is a react based single page application, created with only front end and api call. We can simply call for the gnews.io api to get instant top headlines for various topics like sports, business, finance etc.
The application has been fully integrated with the react-top-loading bar as well as infinite scroll. Although there is a bug with the api call, we are not able to get a new list of news since the api has a limit of only 10 newsitems in one category.
Here are some screen shots.
Insta NEWS is a REACT based single page application with front end and API calls. Designed to show us TOP Headlines using the NewsAPI and Gnews.io API. Simply visit to get updated with latest news. Included the most advanced Front end Web Development Features like Infinite Scroll, Responsive Top Loading Bar, Routers etc. The NewsAPI fetches the real time news data in the form of json file and the data is shown on the website in the form of Cards, and the website consists of different section, and country specific news viewing options as well. The modern front end websites now a days are made using Single page application, the Index.html file only contains a div element, and all the code injection takes place in the div. If we click on some link within the website, a new code is injected in the div, hence the page never reloads. This creates a very good user experience as well as saves a lot of server data and band width, especially for those components that are common to all the pages like navbar, hamburger menu, or side bar. This might be a small data for client but for a server handling millions of request per day, single page application is a huge plus.
https://main--classy-capybara-f78341.netlify.app/