taraqr9 / vue-weather-app

Home Page:https://weather-app-demo0.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

weather-app

Visit : https://weather-app-demo0.netlify.app/

Weather App

Overview

The Weather App is a web application that provides current weather information based on your selected location. It also suggests 5 nearby places you can visit. The app uses Vue.js for the frontend and fetches weather data from WeatherAPI.com and location data from GeoDB Cities API through RapidAPI.

Features

  • Display current weather information for a selected location.
  • Suggest 5 nearby places of interest.
  • User-friendly interface.

Technologies Used

  • Vue.js: The frontend framework for building the app.
  • WeatherAPI.com: Provides weather data for the app.
  • GeoDB Cities API (RapidAPI): Provides location information for the app.
  • HTML, CSS: For structuring and styling the app.

Getting Started

To run the Weather App locally, follow these steps:

  1. Clone this repository to your local machine.
  2. Run npm install for install required packages.
  3. At last run npm run dev to start the development server.

Usage

  1. Enter the location for which you want to check the weather.
  2. Search or select from dropdown to view the current weather.
  3. Explore the suggested nearby places to visit.

Acknowledgments

  • Weather data provided by WeatherAPI.com.
  • Location data provided by GeoDB Cities API through RapidAPI.
  • Vue.js: A powerful JavaScript framework for building user interfaces.

License

This project is open-source and available under the MIT License.

Feel free to contribute, report issues, or provide feedback. This project was created as a personal endeavor to learn Vue.js and improve web development skills.

About

https://weather-app-demo0.netlify.app/


Languages

Language:Vue 90.7%Language:JavaScript 5.9%Language:CSS 1.9%Language:HTML 1.5%