Simple Weather App

A simple Vue weather app showing current weather in a city and the 3 hourly forecast. All the data is from OpenWeather API and Google Cloud API is used for input autocomplete. It is designed mobile first with tailwindcss. Vue 3 + TypeScript + Vite

Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)

Cloning the Repository

git clone https://github.com/bauertim/weatherApp.git
cd weatherApp

Installation

Install the project dependencies using npm:

npm install

Set Up Environment Variables

Create a new file named .env in the root of your project and add the following content:

VITE_OPENWEATHER_API_KEY=
VITE_GOOGLE_API_KEY=

Replace the placeholder values with your actual OpenWeather and Google Cloud API keys. Using google autocomplete is optional, you can remove the onMounted code in the InputForm component and just use plain input.

Running the Project

npm run dev