Nico-kun123 / Simple-Weather-App

Простой сайт для просмотра прогноза погоды (Vue + Open Weather API)

Home Page:https://nico-kun123.github.io/Simple-Weather-App/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

ПРОСТОЙ САЙТ ДЛЯ ПРОСМОТРА ПРОГНОЗА ПОГОДЫ (Vue + Open Weather API)

Примечание: Этот проект НЕ требует постоянных обновлений кода.

Статус Проекта:

🟩 Активен.

📑Содержание

  1. Цели и Задачи
  2. Скриншоты
  3. Технологии
  4. Установка

❗ Цели и задачи

Целью данного проекта является создание сайта для просмотра прогноза погоды, используя Vue и Open Weather API.

Необходимо ввести в поле формы название города (или места) и нажать "Enter". Снизу формы появится подробная информация о погоде в данном месте в данное время. Также ниже появится краткая информация о температуре для следующих 2-3 дней с разностью 3 часа.

Название города можно ввести как на русском языке, так и на английском языке. При вводе некорректных данных будет отображено сообщение об ошибке.

🖼 Скриншоты

Основное поле:

image

Основное поле (не корректные данные):

image


💻 Технологии

В проекте используются следующие технологии/библиотеки/фреймворки:

Open Weather API: здесь


⏬ Установка

Клонируем удалённый репозиторий на локальную машину:

git clone https://github.com/Nico-kun123/Simple-Weather-App

Устанавливаем все необходимые компоненты:

npm install

Содержание "package.json":

image

В проекте есть следующие скрипты:

  • "dev". Этот скрипт запускает сервер разработки Vite на локальной машине;
  • "build". Этот скрипт используется для сборки проекта для production. Он минимизирует и оптимизирует код для лучшей производительности в production;
  • "preview". Этот скрипт предназначен для предварительного просмотра собранного проекта. Он запускает сервер, который позволяет увидеть, как он будет выглядеть и работать в production;
  • "deploy". Этот скрипт сначала собирает проект, а затем развертывает его на GitHub Pages.

Есть следующие разделы:

  • dependencies: Это пакеты, необходимые для работы вашего приложения.
  • devDependencies: Это пакеты, которые нужны только для разработки и тестирования вашего приложения. Они не будут включены в окончательную сборку приложения.

Автор

Кудрявцев Николай (Электронная почта: nicolay.kudryavtsev@gmail.com)

About

Простой сайт для просмотра прогноза погоды (Vue + Open Weather API)

https://nico-kun123.github.io/Simple-Weather-App/


Languages

Language:Vue 60.1%Language:JavaScript 21.9%Language:CSS 15.7%Language:HTML 2.4%