https://github.com/priest-2105/weather-web-app

A live weather checker app made with javascript
https://github.com/priest-2105/weather-web-app

Last synced: about 2 months ago
JSON representation

A live weather checker app made with javascript

• Host: GitHub
• URL: https://github.com/priest-2105/weather-web-app
• Owner: priest-2105
• License: apache-2.0
• Created: 2024-07-26T23:37:24.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-08-26T00:09:21.000Z (5 months ago)
• Last Synced: 2024-08-26T01:39:36.215Z (5 months ago)
• Language: HTML
• Homepage: https://weatherx-web.netlify.app/
• Size: 5.02 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
Here is a README file for your weather app project:

markdown

# Weather App

A weather forecasting application built with React.js that provides weather updates for the next five days. The app dynamically changes the background based on the time of day.

## Table of Contents

- [Features](#features)

- [Installation](#installation)

- [Usage](#usage)

- [Technologies Used](#technologies-used)

- [Contributing](#contributing)

- [License](#license)

## Features

- Displays weather forecast for the next five days.

- Updates background image based on the time of day (day/night).

- Allows users to search for weather information by city.

- Responsive and user-friendly interface.

## Installation

To run this project locally, follow these steps:

1. Clone the repository:

```bash

git clone https://github.com/your-username/weather-app.git

Navigate to the project directory:

bash

cd weather-app

Install the dependencies:

bash

npm install

Create a .env file in the root directory and add your OpenWeatherMap API key:

makefile

REACT_APP_API_KEY=your_api_key_here

Start the development server:

bash

npm start

Usage

Enter a city name in the search input to get the weather forecast for that city.

The background will change to a day or night image based on the current time of the user's location.

The main weather window displays the current day's weather, while additional weather boxes show the forecast for the next four days.

Technologies Used

React.js

CSS

OpenWeatherMap API

C Structure

src/components/MainWeatherWindow.js: Main component that displays the current weather.

src/components/CityInput.js: Input component for entering the city name.

src/components/WeatherBox.js: Component for displaying the weather forecast for individual days.

src/App.js: Main application component that handles state and API calls.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

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