Wiazeph / Weather-App

The App where you can get the weather information of the city you want.

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 + Pinia + Weather API + Axios + Tailwind CSS + Vite

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

  git clone https://github.com/Wiazeph/Weather-App.git

Go to the project directory

  cd Weather-App

Install dependencies

  npm install

Start the server

  npm run dev

Recommended IDE Setup

VSCode + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

Customize configuration

See Vite Configuration Reference.