Выполнение домашнего задания для лекции "Современный инструментарий при разработке клиентских (и не только приложений)"
- О проекте
- Попробовать онлайн
- Требования для локального запуска
- Локальный запуск
- Использование
- Структура проекта
Приложение "Прогноз погоды" это Web приложение разработанное на языке JavaScript. Оно предназначено для просмотра текущей погоды в конкретном городе.
Приложение показывает текущую температуру в градусах цельсия и общее состоянии погоды, обозначенное иконкой.
Так же приложение отображает компактную картинку с картой выбранного города.
Подробные инструкции для работы с приложением смотрите в разделе Использование.
Приложение запущено на GitHub Pages, так что вы можете опробовать его перейдя по ссылке.
Для того, чтобы запустить приложение локально, вам потребуется установить:
- Node.js и npm (через nvm) - воспользуйтесь официальной инструкцией.
- Git - скачать и установить согласно инструкции.
- Склонировать репозиторий
git clone https://github.com/your_username_/Project-Name.git- Установить NPM пакеты
npm install- Запустить локальный сервер
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 - функциональные тесты приложения