Experience the power of information with our React News API project, a comprehensive platform that brings you the latest news updates and real-time weather data in one convenient location. Our project utilizes the News API to fetch a wide range of news articles from various sources and categories, ensuring you're always in the loop. But that's not all – we take it a step further by seamlessly integrating real-time weather information using a weather API, providing you with up-to-date weather conditions for your chosen location.
- News Categories: Dive into the news that matters most to you. With our user-friendly interface, you can easily filter news articles by category, from technology and business to entertainment and sports.
- City-specific Weather: Stay prepared for any weather with our real-time weather data integration. Enter your desired city, and instantly access current weather conditions, temperature, humidity, and more.
- Search Functionality: Looking for something specific? Our search functionality allows you to effortlessly find news articles or weather data by entering relevant keywords, ensuring you get the information you need in no time.
- Loading Animation: We understand the importance of a smooth user experience. That's why we've incorporated a loading animation using Ant Design, ensuring that your data is fetched seamlessly without any hiccups.
- Efficient Data Fetching: Behind the scenes, we've utilized the power of useQuery to optimize data fetching. This ensures that you get the latest news and weather updates with minimal delay, making your experience as smooth and efficient as possible.
Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.
The page will reload when you make changes.
You may also see any lint errors in the console.
We welcome contributions from the community to help improve and expand the React News API project. Whether you're a seasoned developer or just starting out, there are several ways you can contribute.
- Fork the project repository on GitHub.
- Clone your forked repository to your local machine.
- Install the necessary dependencies using npm install.
- Create a new branch for your contribution: git checkout -b feature/your-feature-name.
- Make your changes and test them thoroughly.
- Commit your changes with descriptive commit messages.
- Push your branch to your forked repository: git push origin feature/your-feature-name.
- Open a pull request to the original repository's main branch, explaining your changes and their benefits.