https://github.com/williamdavidson-02/type-weather

Weather app
https://github.com/williamdavidson-02/type-weather

Last synced: 28 days ago
JSON representation

Weather app

• Host: GitHub
• URL: https://github.com/williamdavidson-02/type-weather
• Owner: WilliamDavidson-02
• Created: 2023-10-05T16:29:14.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-15T10:51:09.000Z (about 1 year ago)
• Last Synced: 2023-10-16T12:47:31.303Z (about 1 year ago)
• Language: JavaScript
• Homepage: https://type-weather-eosin.vercel.app
• Size: 782 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Type Weather

This is a small weather forecast project built with react, it uses [weather api](https://www.weatherapi.com/) to get the forecast of the day and the next two days as well. It also includes search suggestions using a [geoapify](https://www.geoapify.com/) which is displayed in a drop down menu.

The weather dash displays the current weather whit data like location, date, local time, temp, high and low and what type of weather condition. This is also complimented with a nice background that switches depending on the weather condition and if the local time to the location is during sun up hours or not e.g if it is raining in New York 03:00 at night it will display a rainy image at night, and same goes for the icon that displays weather condition.

### Installation

Clone the repo:

```bash

git clone https://github.com/WilliamDavidson-02/type-weather.git

```

run server

```bash

npm run dev

```

### Config

Add your own api keys in a new `.env` file from

- [weather api](https://www.weatherapi.com/)

- [geoapify](https://www.geoapify.com/)

like this

```bash

VITE_GEO_KEY= key from geoapify

VITE_WEATHER_KEY= key from weather api

```