Weather Forecast Application

This is a modern and responsive web application built with React.js that provides real-time weather updates and a 5-day forecast for any city worldwide.

Features

• Current Weather Display: Shows current temperature, conditions, and other relevant weather data.
• 5-Day Forecast: Provides a detailed 5-day weather forecast.
• City Search: Allows users to search for weather information by city name.
• Loading Indicators: Displays a loading spinner while fetching data.
• Error Handling: Gracefully handles API errors and displays informative messages.
• Responsive Design: Optimized for various screen sizes.

Technologies Used

• Frontend:
  • React.js
  • Vite (Build Tool)
  • JavaScript
  • CSS
• API:
  • OpenWeatherMap API (or similar, requires an API key)

Getting Started

Prerequisites

• Node.js (LTS version recommended)
• npm or Yarn

Installation

1. Clone the repository:

   git clone https://github.com/Exodus2004/weatherforecast.git

2. Navigate to the project directory:

   cd weatherforecast/weather-forecast-app

3. Install dependencies:

   npm install
   # or yarn install

4. Create a .env file in the weather-forecast-app directory and add your API key:

   VITE_API_KEY=YOUR_OPENWEATHERMAP_API_KEY
   

   Replace YOUR_OPENWEATHERMAP_API_KEY with your actual API key from OpenWeatherMap or your chosen weather service.

Running the Application

To start the development server:

npm run dev
# or yarn dev

The application will be accessible at http://localhost:5173 (or another port if 5173 is in use).

Usage

1. Open the application in your web browser.
2. Use the search bar to enter the name of a city.
3. Press Enter or click the search button to get the current weather and 5-day forecast for that city.

Project Structure

weatherforecast/
├── weather-forecast-app/
│   ├── public/
│   ├── src/
│   │   ├── assets/
│   │   ├── components/ (SearchBar, WeatherCard, ForecastCard, LoadingSpinner)
│   │   ├── hooks/ (useWeather)
│   │   ├── styles/ (App.css)
│   │   ├── App.jsx
│   │   └── main.jsx
│   ├── .env
│   ├── package.json
│   └── vite.config.js
├── .gitignore
├── LICENSE
└── README.md (this file)

License

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

• Gold PR tier update 1

• Gold PR tier update 2

• Gold PR tier update 3

• Gold PR tier update 4

• Gold PR tier update 5

• Gold PR tier update 6

• Gold PR tier update 7

• Gold PR tier update 8

• Gold PR tier update 9

• Gold PR tier update 10

• Gold PR tier update 11

• Gold PR tier update 12

• Gold PR tier update 13

• Gold PR tier update 14

• Gold PR tier update 15

• Gold PR tier update 16

• Gold PR tier update 17

• Gold PR tier update 18

• Gold PR tier update 19

• Gold PR tier update 20

• Gold PR tier update 21

• Gold Pull Shark Milestone 128

• Weatherforecast update 25

• Weatherforecast update 26

• Weatherforecast update 27

• Weatherforecast update 28

• Weatherforecast update 29

• Weatherforecast update 30

• Weatherforecast update 31

• Weatherforecast update 32

• Weatherforecast update 33

• Weatherforecast update 34

• Weatherforecast update 35

• Weatherforecast update 36

• Weatherforecast update 37

• Weatherforecast update 38

• Weatherforecast update 39

• Weatherforecast update 40

• Weatherforecast update 41

• Weatherforecast update 42

• Weatherforecast update 43

• Weatherforecast update 44

• Weatherforecast update 45

• Weatherforecast update 46

• Weatherforecast update 47

• Weatherforecast update 48

• Weatherforecast update 49

• Weatherforecast update 50

• Weatherforecast update 51

• Weatherforecast update 52

• Weatherforecast update 53

• Weatherforecast update 54

• Weatherforecast update 55

• Weatherforecast update 56

• Weatherforecast update 57

• Weatherforecast update 58

• Weatherforecast update 59

• Weatherforecast update 60

• Weatherforecast update 61

• Weatherforecast update 62

• Weatherforecast update 63

• Weatherforecast update 64

• Weatherforecast update 65

• Weatherforecast update 66

• Weatherforecast update 67

• Weatherforecast update 68

• Weatherforecast update 69

• Weatherforecast update 70

• Weatherforecast update 71

• Weatherforecast update 72

• Weatherforecast update 73

• Weatherforecast update 74

• Weatherforecast update 75

• Weatherforecast update 76

• Weatherforecast update 77

• Weatherforecast update 78

• Weatherforecast update 79

• Weatherforecast update 80

• Weatherforecast update 81

• Weatherforecast update 82

• Weatherforecast update 83

• Weatherforecast update 84

• Weatherforecast update 85

• Weatherforecast update 86

• Weatherforecast update 87

• Weatherforecast update 88

• Weatherforecast update 89

• Weatherforecast update 90

• Weatherforecast update 91

• Weatherforecast update 92

• Weatherforecast update 93

• Weatherforecast update 94

• Weatherforecast update 95

• Weatherforecast update 96

• Weatherforecast update 97

• Weatherforecast update 98

• Weatherforecast update 99

• Weatherforecast update 100

• Weatherforecast update 101

• Weatherforecast update 102

• Weatherforecast update 103

• Weatherforecast update 104

• Weatherforecast update 105

• Weatherforecast update 106

• Weatherforecast update 107

• Weatherforecast update 108

• Weatherforecast update 109

• Weatherforecast update 110

• Weatherforecast update 111

• Weatherforecast update 112

• Weatherforecast update 113

• Weatherforecast update 114

• Weatherforecast update 115

• Weatherforecast update 116

• Weatherforecast update 117

• Weatherforecast update 118

• Weatherforecast update 119

• Weatherforecast update 120

• Weatherforecast update 121

• Weatherforecast update 122

• Weatherforecast update 123

• Weatherforecast update 124

• Weatherforecast update 125

• Weatherforecast update 126

• Weatherforecast update 127

• Weatherforecast update 128

• Weatherforecast update 129

• Weatherforecast update 130

• Weatherforecast update 131

• Weatherforecast update 132

• Weatherforecast update 133

• Weatherforecast update 134

• Weatherforecast update 135

• Weatherforecast update 136

• Weatherforecast update 137

• Weatherforecast update 138

• Weatherforecast update 139

• Weatherforecast update 140

• Weatherforecast update 141

• Weatherforecast update 142

• Weatherforecast update 143

• Weatherforecast update 144

• Weatherforecast update 145

• Weatherforecast update 146

• Weatherforecast update 147

• Weatherforecast update 148

• Weatherforecast update 149

• Weatherforecast update 150

• Weatherforecast update 151

• Weatherforecast update 152

• Weatherforecast update 153

• Weatherforecast update 154

• Weatherforecast update 155

• Weatherforecast update 156

• Weatherforecast update 157

• Weatherforecast update 158

• Weatherforecast update 159

• Weatherforecast update 160

• Weatherforecast update 161

• Weatherforecast update 162