https://github.com/haleema33/weather_dashboard

Search for current weather conditions and a next 5-day forecast by city. Responsive design for mobile, tablet, and desktop views. Saves the last searched city in local storage. Add favorite cities to the list in side navigation.
https://github.com/haleema33/weather_dashboard

weather-api weather-forecast website

Last synced: 18 days ago
JSON representation

Search for current weather conditions and a next 5-day forecast by city. Responsive design for mobile, tablet, and desktop views. Saves the last searched city in local storage. Add favorite cities to the list in side navigation.

• Host: GitHub
• URL: https://github.com/haleema33/weather_dashboard
• Owner: Haleema33
• License: mit
• Created: 2024-06-01T14:43:59.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-06-02T15:59:47.000Z (7 months ago)
• Last Synced: 2024-06-02T19:49:35.139Z (7 months ago)
• Topics: weather-api, weather-forecast, website
• Language: CSS
• Homepage:
• Size: 2.69 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# Weather Dashboard

## Instructions

1. Clone the repository.

2. Open `index.html` in a web browser to view the weather dashboard. The dashboard should automatically fetch weather data for your search location. If you encounter any issues, please ensure that your browser supports geolocation.

## Features

- Search for current weather conditions and a next 5-day forecast by city.

- Responsive design for mobile, tablet, and desktop views.

- Saves the last searched city in local storage.

- Add favorite cities to the list in side navigation.

## Local Development

To run the project locally on `localhost:3000`:

1. Clone the repository.

2. Obtain an API key from OpenWeatherMap.

3. Replace `'apiKey'` in `fetchWeather.php` with your actual API key OR you can also use the given api key.

4. Install a local server, such as XAMPP or WAMP, if you don't already have one.

5. Start the local server and navigate to the project directory.

6. Access the project through your local server, e.g., `http://localhost:3000/index.html`.

## API Used

- [OpenWeatherMap API](https://openweathermap.org/api)