This is a weather web application built using React. It allows users to fetch current weather data based on a user-inputted location. The app displays the weather description and temperature in Celsius for the specified location, using data fetched from the OpenWeatherMap API.
- User Input: Users can enter a location to get the current weather data.
- Weather Information: Displays the weather description and temperature in Celsius.
- Current Time and Date: Shows the current system time and date.
- Responsive Design: User-friendly interface on various devices.
- Powered by React: Built using the React framework for a dynamic and interactive user experience.
- React: Used for building the user interface and managing component-based architecture.
- JavaScript: Used for fetching weather data from the OpenWeatherMap API and updating the UI dynamically.
- CSS: Used for styling the components and providing a visually appealing design.
- Enter a location in the input field.
- Click the "Get Weather" button to fetch and display the weather information.
- The weather description and temperature in Celsius will be shown below the input field.
This project uses the OpenWeatherMap API to fetch weather data. You need to replace 'YOUR_API_KEY'
in the Weather.js
or relevant component file with your actual OpenWeatherMap API key. You can obtain a free API key by signing up on the OpenWeatherMap website.
- Clone the repository:
git clone https://github.com/Shubham-sale/PRODIGY_WD_05.git
- Navigate to the project directory:
cd weather-app-react
- Install dependencies:
npm install
- Start the development server:
npm start
This project is licensed under the MIT License - see the LICENSE file for details.