Приложение "Прогноз погоды"

Выполнение домашнего задания для лекции "Современный инструментарий при разработке клиентских (и не только приложений)"

Содержание

• О проекте
• Попробовать онлайн
• Требования для локального запуска
• Локальный запуск
• Использование
• Структура проекта

О проекте

Приложение "Прогноз погоды" это Web приложение разработанное на языке JavaScript. Оно предназначено для просмотра текущей погоды в конкретном городе.

Приложение показывает текущую температуру в градусах цельсия и общее состоянии погоды, обозначенное иконкой.

Так же приложение отображает компактную картинку с картой выбранного города.

Подробные инструкции для работы с приложением смотрите в разделе Использование.

Попробовать онлайн

Приложение запущено на GitHub Pages, так что вы можете опробовать его перейдя по ссылке.

Требования для локального запуска

Для того, чтобы запустить приложение локально, вам потребуется установить:

• Node.js и npm (через nvm) - воспользуйтесь официальной инструкцией.
• Git - скачать и установить согласно инструкции.

Локальный запуск

1. Склонировать репозиторий

git clone https://github.com/your_username_/Project-Name.git

2. Установить NPM пакеты

npm install

3. Запустить локальный сервер

npm run dev

Использование

Приложение обладает следующими возможностями:

• При старте показывает карту и текущую погоду в городе, где вы находитесь

• Показывает карту и текущую погоду в указанном городе. Для этого нужно ввести название города в поле ввода и нажать клавишу Enter. Последние 10 названий городов попадают в колонку History.

• Показывает карту и текущую погоду в городе, на название которого кликнули в колонке History.

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

• github
  • workflows - настройки для GitHub Actions
• .husky - настройки для подготовки файлов согласно правилам линта перед коммитом
• images - скриншоты для файла README.md
• mocks - настройки для мокирования загрузки файлов
• src - исходный код проекта
  • assets - изображения для приложения и тестов
  • comonTestData.js - общие тестовые данные для тестов
  • externalRequests.js - REST запросы к внешним ресурсам
  • externalRequests.test.js - тесты на REST запросы к внешним ресурсам
  • index.js - точка входа в программу
  • style.css - описание стилей программы
  • template.html - шаблон страницы index.html
  • weatherApp.js - главный модуль приложения
  • weatherApp.test.js - функциональные тесты приложения