https://github.com/wiazeph/weather-app
The App where you can get the weather information of the city you want.
https://github.com/wiazeph/weather-app
axios axios-vue composition-api pinia pinia-vuejs study tailwind tailwind-css tailwindcss vite vue vue3 vue3-composition-api vuejs weather weather-api weather-app weather-forecast weatherapp
Last synced: 3 months ago
JSON representation
The App where you can get the weather information of the city you want.
- Host: GitHub
- URL: https://github.com/wiazeph/weather-app
- Owner: Wiazeph
- Created: 2023-06-20T01:09:20.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-01-28T22:20:28.000Z (over 1 year ago)
- Last Synced: 2025-04-11T03:16:34.575Z (3 months ago)
- Topics: axios, axios-vue, composition-api, pinia, pinia-vuejs, study, tailwind, tailwind-css, tailwindcss, vite, vue, vue3, vue3-composition-api, vuejs, weather, weather-api, weather-app, weather-forecast, weatherapp
- Language: Vue
- Homepage: https://weather-app-wiazeph.vercel.app/
- Size: 138 KB
- Stars: 4
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Weather-App
This is a Weather App. The application allows users to search for the weather of a particular place and displays relevant information such as temperature, humidity, wind speed and weather conditions. If requested by the user, it detects the current location and shows the current weather information.
## Technologies, Tools or Packages Used
[Vue 3 with/ Composition API](https://vuejs.org/) + [Pinia](https://pinia.vuejs.org/) + [Weather API](https://www.weatherapi.com/) + [Axios](https://axios-http.com/) + [Tailwind CSS](https://tailwindcss.com/) + [Vite](https://vitejs.dev/)
## Features
- Search for the weather of a specific location by city name.
he current weather conditions including temperature, humidity, wind speed, and weather description.
- Show an icon representing the current weather conditions.
- Provide a 3-day weather forecast for the selected location.
- It detects the current location of the user and fetches weather data.
## Run Locally
Clone the project
```bash
git clone https://github.com/Wiazeph/Weather-App.git
```
Go to the project directory
```bash
cd Weather-App
```
Install dependencies
```bash
npm install
```
Start the server
```bash
npm run dev
```
## Recommended IDE Setup
[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
## Customize configuration
See [Vite Configuration Reference](https://vitejs.dev/config/).