This app is a simple weather app with a modern user interface and progressive web app functionalities. Users can easily access the current weather and forecast for any location. Also, if the app can cache API responses, it can display information even when you are offline.
Live demo: https://weather-app-ase.vercel.app/
- Get current weather and 3 day forecasts
- Use current location with Geolocation API for searching
- Add locations to bookmarks
- Download as PWA and run like native desktop or mobile app
- Vue.js - JavaScript Framework
- Pinia - State Management
- Vue-Query - Data Handling
- Vite-Plugin-PWA - Vite Plugin for PWA Integration
- Vitest - Testing Framework
- Vue-Testing-Library - Testing Utilities
First of all you need to clone the repository and install the dependencies
git clone https://github.com/ahmedsemih/Weather-App-Vue.git
cd Weather-App-Vue
npm install
After doing this, you must get an api key from https://www.weatherapi.com/ and assign it to following env variable
VITE_API_KEY
And run dev server
npm run dev