This project, developed by Deepti Tuteja, is a React.js application designed to fetch and display weather information for any city using the OpenWeatherMap API. It showcases React's state management and API integration capabilities, providing users with real-time weather updates.
Features Search Functionality: Users can search for any city to get the current weather information. Real-time Data: Fetches real-time weather data from the OpenWeatherMap API. Responsive Design: The app features a simple, user-friendly interface that is responsive to different screen sizes. Getting Started To run this project locally, follow these steps:
Prerequisites Ensure you have the following installed:
Node.js npm (Node Package Manager) Installation Clone the repository to your local machine.
bash Copy code git clone https://github.com/Deepti7042/weatherapplication.git
Navigate to the project directory.
bash Copy code cd weather-app Install the necessary packages.
Copy code npm install To start the application, run:
sql Copy code npm start This will run the app in development mode. Open http://localhost:3000 to view it in your browser.
Usage Search City: In the search bar, type the name of the city you wish to check the weather for and press Enter. View Weather Data: Upon searching, the app displays the city name, country, current date, temperature, weather description, and wind speed. Built With React.js - The web framework used. Axios - Promise-based HTTP client for making API calls. OpenWeatherMap API - Source of the weather data. Contributing We welcome contributions! Please feel free to fork the repository, make changes, and submit pull requests.
License This project is licensed under the MIT License - see the LICENSE file for details.
Acknowledgments Thanks to the OpenWeatherMap API for providing weather data. React.js community for the incredible ecosystem. Contact Deepti Tuteja - deeptituteja1911@gmail.com
Project Link: https://github.com/Deepti7042/weatherapplication