An advanced weather application built using React.js, incorporating important concepts such as React hooks, Context API, and Axios for data fetching. This app utilizes the OpenWeather API to fetch a wide range of weather data, including current conditions, 5-day weather forecasts, air pollution data, and more. It also features the ability to detect and display real-time weather for the user's current location using the Geolocation API, as well as a search functionality with auto-suggestions for various locations to obtain weather details.
- React.js: Built using React.js for efficient component-based development.
- React Hooks: Utilizes React hooks for managing state and side-effects.
- Context API: Implements Context API for managing global application state.
- Axios: Fetches weather data from the OpenWeather API using Axios for seamless data fetching.
- OpenWeather API: Provides a wide range of weather data including current conditions, 5-day forecasts, air pollution data, etc.
- Geolocation API : Detects and fetches real-time weather for the user's current location.
- Search Functionality: Allows users to search for weather details of various locations with auto-suggestions.
- Material-UI (MUI): Styled using Material-UI for a clean and responsive user interface. Responsive Design: Ensures optimal user experience across various devices and screen sizes.
- React
- IMDb API
- Axios
- Framer Motion
- Material-UI (MUI)
To run this project locally, follow these steps:
-
Clone the repository:
git clone https://github.com/your-username/your-repository.git