UrbanNewsApi
NewsMonkey (Screenshots below!)
🎓Overview
NewsMonkey is a web application that provides users with the latest news from around the world. The app utilizes the NewsAPI to gather news articles from a variety of reputable sources and presents them to users in an easy-to-use interface. One of the key features of NewsMonkey is its advanced filtering options, which allow users to sort news articles by category, such as sports, entertainment, politics, and more. The app also incorporates infinite scrolling functionality, which enables users to seamlessly browse through a virtually endless stream of news articles without interruption.
IN MOBIILE VIEW
IN WEBSITE VIEW
Key Features React Class Based Components:
The entire project is developed using React class-based components, providing a solid foundation for managing state and behavior.
React Router: Implemented React Router to facilitate smooth navigation and enable users to access news from different categories effortlessly.
componentDidMount: Utilized componentDidMount lifecycle method to fetch data and ensure that news articles are loaded efficiently when the component mounts.
Infinite Scroll: Incorporated Infinite Scroll functionality to enhance the user experience by loading additional news articles as the user scrolls down the page.
PropTypes and Default Props: Used PropTypes and Default Props to ensure the correct data types and default values for components, thus enhancing code reliability.
Async Await: Employed async await to fetch data from the News API, making the process of fetching and handling data more streamlined and readable.
Improvement / Future Scope NewsMonkey has great potential for further enhancements. Some future scope includes:
Light/Dark Mode: Implement a light/dark mode toggle to provide users with a more personalized browsing experience, allowing them to choose their preferred theme.
News from Different Countries: Enhance the application by adding a feature to view news from different countries, providing users with a broader perspective on global events.
Contributing Contributions to NewsMonkey are welcomed! If you have any ideas for new features, find any issues, or want to improve the existing functionality, please feel free to create a pull request. For significant changes, it’s recommended to open an issue first to discuss the proposed changes.
Note: NewsMonkey aims to provide the latest news with a user-friendly experience. Contributions and improvements are encouraged to make it even better!
The entire project is developed using React class-based components, providing a solid foundation for managing state and behavior.
React Router: Implemented React Router to facilitate smooth navigation and enable users to access news from different categories effortlessly.
componentDidMount: Utilized componentDidMount lifecycle method to fetch data and ensure that news articles are loaded efficiently when the component mounts.
Infinite Scroll: Incorporated Infinite Scroll functionality to enhance the user experience by loading additional news articles as the user scrolls down the page.
PropTypes and Default Props: Used PropTypes and Default Props to ensure the correct data types and default values for components, thus enhancing code reliability.
Async Await: Employed async await to fetch data from the News API, making the process of fetching and handling data more streamlined and readable.
Improvement / Future Scope NewsMonkey has great potential for further enhancements. Some future scope includes:
Light/Dark Mode: Implement a light/dark mode toggle to provide users with a more personalized browsing experience, allowing them to choose their preferred theme. News from Different Countries: Enhance the application by adding a feature to view news from different countries, providing users with a broader perspective on global events. Contributing Contributions to NewsMonkey are welcomed! If you have any ideas for new features, find any issues, or want to improve the existing functionality, please feel free to create a pull request. For significant changes, it’s recommended to open an issue first to discuss the proposed changes. Note: NewsMonkey aims to provide the latest news with a user-friendly experience. Contributions and improvements are encouraged to make it even better!