Skip to content

ElsayedAbdullah/weather-app-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Weather App

This Weather App is a simple web application built using Redux Toolkit and Axios. It allows users to check the current temperature for different countries.

Features

  • Temperature Display: Users can input the name of a country and view its current temperature.
  • Redux State Management: Utilizes Redux Toolkit for efficient state management, ensuring a smooth and organized development process.
  • API Integration: Fetches weather data from an external API using Axios, providing accurate and up-to-date information.

Technologies Used

  • React: JavaScript library for building user interfaces.
  • Redux Toolkit: State management library for React applications, providing a convenient and efficient way to manage application state.
  • Axios: Promise-based HTTP client for making HTTP requests, used for fetching weather data from the API.
  • OpenWeatherMap API: External API used to retrieve weather information for different countries.

Getting Started

To get started with the Weather App, follow these steps:

  1. Clone the repository to your local machine.
  2. Install dependencies using npm install.
  3. Obtain an API key from OpenWeatherMap API.
  4. Create a .env file in the root directory and add your API key:
REACT_APP_API_KEY=your_api_key_here
  1. Start the development server using npm start.
  2. Open your web browser and navigate to http://localhost:3000 to view the application.

Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these guidelines:

  • Fork the repository and create a new branch for your feature or bug fix.
  • Ensure your code follows the project's coding standards and conventions.
  • Test your changes thoroughly.
  • Submit a pull request detailing the changes you've made.

License

This project is licensed under the MIT License - see the LICENSE file for details.


Feel free to customize this README to suit your project's specific details and requirements!