https://github.com/dylanbk/weatherly
A website that provides real time weather data on the user's location.
https://github.com/dylanbk/weatherly
generative-ai react tailwindcss weather-api weather-app
Last synced: 4 months ago
JSON representation
A website that provides real time weather data on the user's location.
- Host: GitHub
- URL: https://github.com/dylanbk/weatherly
- Owner: DylanBk
- Created: 2025-02-25T20:18:24.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-03-06T23:29:44.000Z (over 1 year ago)
- Last Synced: 2025-03-07T00:27:49.594Z (over 1 year ago)
- Topics: generative-ai, react, tailwindcss, weather-api, weather-app
- Language: JavaScript
- Homepage:
- Size: 85.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weatherly
## What is Weatherly?
Weatherly is a website that fetches real time weather data and provides an AI Overview of the weather forecast.
If the user does not wish to allow the website to access their location, they can optionally enter their location or any other location in the searchbar and get weather data for the entered area.
## How does Weatherly work?
Weatherly uses [weather api](https://www.weatherapi.com/) to get real time weather data as well as a forecast for the current day. From the retrieved data, the site then displays the relevant data to the user.
Once the weather data has been fetched, it is then passed into another API request. [Mistral AI](https://mistral.ai/) is utilised to generate a summary of the weather for the day ahead taking into consideration multiple factors such as temperature, humidity, cloud cover, and more.
The website itself is created using Vite + React and Tailwind.
## How to use:
- Download the files as a zip folder
- Extract the files from the zip folder
- Open the extracted files in your IDE
- Create a new file and name it .env
- This application relies on two API Keys; weather api and Mistral AI
- You will need to create **free** accounts on both sites
- - Once you have setup your accounts, create one API key for each
- - Add the relative API keys into the env file
- - - Name the first key *VITE_WEATHER_API_KEY*
- - - Name the second key *VITE_MISTRALAI_API_KEY*
- Open the terminal and execute the following commands:
- - `npm install`
- - `npm run dev`