Skip to content

rakhzar/weatherAPI

Repository files navigation

🌤️ Vue Weather App

Приложение погоды с прогнозом на 3 дня, построенное на Vue 3.

🛠️ Стек

  • Vue 3 — Composition API
  • JavaScript — ES6+
  • Vite — сборщик
  • Bun — пакетный менеджер
  • WeatherAPI — источник данных

🚀 Установка и запуск

# Клонировать репозиторий
git clone https://github.com/rakhzar/weatherAPI.git

# Перейти в папку
cd vue-app

# Установить зависимости
bun install

# Запустить проект
bun run dev

📦 Деплой

bun run deploy

✨ Функционал

  • 🌍 Погода по любому городу
  • 📅 Прогноз на 3 дня
  • 💾 Сохранение города через localStorage
  • ❌ Обработка ошибок API
  • 🎨 Динамические иконки погоды

📁 Структура проекта

src/
├── components/
│   ├── PanelLeft.vue    # левая панель
│   ├── PanelRight.vue   # правая панель
│   ├── DayCard.vue      # карточка дня
│   ├── CitySelect.vue   # выбор города
│   ├── Stat.vue         # статистика
│   ├── Button.vue       # кнопка
│   ├── Input.vue        # инпут
│   └── Error.vue        # ошибки
├── icons/
│   └── weather/         # иконки погоды
├── constants.js         # константы
└── App.vue              # корневой компонент

🔑 API

Используется WeatherAPI

About

Weather app with 3-day forecast, city search and localStorage persistence. Built with Vue 3 + Composition API

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors