News Monkey is a React app that utilizes the GNews API to fetch and display top headlines from various news categories.
This project, News Monkey, was initially developed by me as a personal project. It is now utilized by TEN Company, which has integrated it into their news services. I take full credit for the development and deployment of this application.
The live version of the TEN News app can be accessed here.
And The live version of the News Monkey app can be accessed here.
To get a local copy up and running, follow these simple steps.
- Node.js
- npm or yarn
- Clone the repo
git clone https://github.com/amar-codingenthusiast/news-monkey3.git
- Change directory:
cd news-monkey3 - Install dependencies:
npm install
- Run the app:
npm start
- Open your browser and visit http://localhost:3000 to view the app.
- View top headlines from various categories like Nation, World, Business, Sports, Entertainment, Health, Science, and Technology.
- Search for specific news using the search bar.
- Infinite Scrolls
- Top loading bar
- Function based components
- Responsive design for all devices
- React.js
- News API
- Bootstrap
You can access the live version of News Monkey app here
- The free tier of the GNews.io API only provides 10 articles per request, and navigating to other pages (2, 3, 4...) is not available. As a result, you will see the same 10 articles repeatedly in infinite scroll.
- 100 requests only per day.
Contributions are welcome! Here's how you can contribute:
Fork the repository
Create your feature branch (git checkout -b feature/YourFeature)
Commit your changes (git commit -m 'Add some feature')
Push to the branch (git push origin feature/YourFeature)
Create a new Pull Request
This project is licensed under the terms of the MIT license. You can find the LICENSE file in the root directory of the project.