GorillaNews is a React web application that displays news articles sourced from the NewsAPI website. This application utilizes React, React Router, and other technologies to create a seamless news browsing experience. With GorillaNews, users can stay updated with the latest news articles in various categories.
react-infinite-scroll-component
package for infinite scrolling, allowing users to scroll endlessly through news articles, providing a seamless browsing experience.react-top-loading-bar
package. A loading bar indicates the progress of fetching news articles, ensuring users are aware of ongoing data retrieval.To run GorillaNews locally on your machine, follow these steps:
Clone the Repository:
git clone https://github.com/GivenBY/GorillaNews.git
Navigate to the Project Directory:
cd GorillaNews
Create a .env.local File: Create a file named .env.local in the project directory and add your NewsAPI key:
REACT_APP_NEWS_API="your_api_key_here"
Replace “your_api_key_here” with your actual NewsAPI key. This step is necessary to enable data retrieval.
Install Dependencies:
npm install
Start the Development Server:
npm start
The application should now be running on http://localhost:3000.
Customize the application further to fit your specific needs. You can modify the styling, add new features, or enhance the existing functionality as desired.
Contributions to GorillaNews are welcome! If you find a bug or have a suggestion for improvement, please create an issue or submit a pull request. Your feedback and contributions help make this project better for everyone.
This project is licensed under the MIT License. Feel free to use, modify, and distribute the code as per the license terms.