Skip to content

shoaibkhan188626/weather-checker

 
 

Repository files navigation

React HTML5 CSS3 JavaScript NPM Nodemon

Weather Checker App

This repository contains the code for a weather checker application built using React. The application allows users to retrieve and display weather information for different locations.

Features

  • Real-time weather data retrieval using a weather API.
  • Search functionality to find weather information for specific locations.
  • Display of current weather conditions, including temperature, humidity, wind speed, and description.
  • Five-day forecast display, showing the weather conditions for each day.
  • User-friendly interface with responsive design.

Technologies Used

  • React: A JavaScript library for building user interfaces.
  • Axios: A promise-based HTTP client for making API requests.
  • Weather API: The application uses an external weather API to fetch weather data.

Getting Started

Prerequisites

  • Node.js and npm (Node Package Manager) should be installed on your system.

Installation

  1. Clone this repository: git clone https://github.com/your-username/weather-checker-app.git
  2. Navigate to the project directory: cd weather-checker-app
  3. Install the dependencies: npm install

Configuration

  1. Obtain an API key from a weather service provider (e.g., OpenWeatherMap).
  2. Create a .env file in the root directory.
  3. Set the following environment variable in the .env file:
REACT_APP_WEATHER_API_KEY=<your-api-key>

Running the Application

  1. Start the development server: npm start
  2. The application will run on https://localhost:3000.
  3. Open the application in a web browser.

Customization

  • You can customize the design and layout of the application by modifying the React components and CSS files.
  • To change the weather API provider, update the API URL and the API request in the code.

Contributing

Contributions are welcome! If you find any bugs or want to add new features, please open an issue or submit a pull request.

License

This project is licensed under the MIT License.

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 94.4%
  • HTML 5.3%
  • CSS 0.3%