Weather React App This is a simple React application that allows you to search for weather information of a city. It retrieves weather data from the OpenWeatherMap API and displays it on the screen.
Features Search for weather information of a specific city Display current temperature, weather description, humidity, wind speed, and local time Clear the displayed weather data Responsive design for different screen sizes
Getting Started To get started with the Weather React App, follow these steps:
-
Clone the repository to your local machine using the following command: git clone https://github.com/mamdouhreda/weather-react-app.git Navigate to the project directory:
-
cd weather-react-app Install the project dependencies using npm: npm install
-
Obtain an API key from OpenWeatherMap by signing up on their website. Replace the apiKey variable in the App.js file with your API key: const apiKey = 'YOUR_API_KEY'; Start the development server:
-
npm start Open your browser and visit http://localhost:3000 to see the Weather React App in action.
Contributing We welcome contributions from the community to enhance the Weather React App. If you'd like to contribute, please follow these steps:
Fork the repository by clicking the "Fork" button on the top right corner of this page.
Clone your forked repository to your local machine:
git clone https://github.com/mamdouhreda/weather-react-app.git Create a new branch for your feature or bug fix: git checkout -b feature-name
Make the necessary changes and commit your work:
git add . git commit -m "Add feature-name" Push your changes to your forked repository: git push origin feature-name Create a new pull request on the original repository's GitHub page.
Wait for the project maintainers to review and merge your pull request. Feel free to discuss the changes and ask questions during the review process.
License The Weather React App is open-source software licensed under the MIT license.
Acknowledgements This project was developed using React, axios, and the OpenWeatherMap API.
We extend our gratitude to the developers and maintainers of these technologies for their contributions.
Feel free to fork this repository and further develop the Weather React App based on your needs and ideas. We encourage you to explore additional features, improve the user interface, or integrate with other APIs. Happy coding!
If you have any questions or need assistance, please don't hesitate to reach out.
Mamdouh Elsheshtawy