Skip to content

Приложение для просмотра текущей погоды в городах с использованием OpenWeatherMap API.

Notifications You must be signed in to change notification settings

meta6a6y/Weather-App

Repository files navigation

Weather-App

Приложение для просмотра текущей погоды в городах с использованием OpenWeatherMap API.

Запуск проекта

  1. Склонируйте репозиторий:
    git clone https://github.com/meta6a6y/Weather-App
    cd Weather-App
  2. Установите зависимости:
    npm install
    npm install axios
  3. Создайте файл .env в корне проекта и добавьте ваш API-ключ:
    VITE_WEATHER_API_KEY=ваш_ключ_от_api
  4. Запустите приложение:
    npm run dev

Получение API-ключа

  • Перейдите на OpenWeatherMap
  • Зарегистрируйтесь и получите API-ключ (есть бесплатный тариф)
  • Добавьте ключ в файл .env, как показано выше

Технологии

  • Vue 3
  • Vuetify
  • Pinia
  • OpenWeatherMap API

Краткое описание решения

  • Ввод и поиск городов с использованием геокодирования OpenWeatherMap.
  • Отображение текущей погоды: город, температура, описание, иконка и дата.
  • Реактивное управление состоянием через Pinia — список городов и данные о погоде обновляются при изменении автоматически.
  • Удаление городов из списка.
  • Использование Vuetify для удобного интерфейса.
  • Обработка ошибок при загрузке данных и информирование пользователя.
  • Разделение кода на отдельные компоненты.

About

Приложение для просмотра текущей погоды в городах с использованием OpenWeatherMap API.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors