Приложение для просмотра погоды.
Зарегистрируйтесь на сервисе погоды.
Выберите Тариф «Погода на вашем сайте».
Яндекс создает токен в течении 30 минут, так что не удивляйтесь если создадите токен, а данные не приходят
Скопируйте .env.example и переименуйте его в .env.
$ cp ./.env.example ./.envПодставьте в значение WEATHER_API_KEY ключ полученный на сервисе погоды.
# Клонируйте проект
$ git clone https://github.com/KaterinaZv/weather.git && cd ./weather
# Установите зависимости
$ npm install# Запуск промежуточного сервера для запросов на Яндекс
$ npm server
# Запуск фронтенд-приложения
$ npm start
# Фронтенд-приложение будет запущено на 3000 порту, а сервер на 4040# Запуск клиента
$ npm run start
# Собрать клиент в статику
$ npm run build
# Вывести ошибки которые может исправить линтер
$ npm run lint
# Автоматически пофиксить ошибки линтера
$ npm run lint:fix
# Запуск промежуточного сервера для запросов на Яндекс
$ npm run server.
├── public Статика приложения
│
├── server.js API-Сервер, выполняющий запросы на сервис погоды
│
├── src
│ ├── App.css
│ ├── App.test.tsx
│ ├── App.tsx
│ ├── components Слой представления
│ │ │
│ │ └── modules Компоненты приложения, структурированные по фичам
│ │ ├── cities
│ │ ├── notfound
│ │ ├── weather
│ │ └── router.tsx
│ │
│ ├── config Конфигурация приложения (API endpoint'ы)
│ │ └── api.tsx
│ │
│ ├── constants Константы (Список городов, список роутов)
│ │ ├── cities.ts
│ │ └── routes.ts
│ │
│ ├── store Слой стейт менеджера.
│ │ │ Содержит бизнес логику и описание сущностей
│ │ ├── model
│ │ ├── modules Модули хранилища
│ │ ├── types Redux типы
│ │ ├── reducer.ts Корневой редьюсер
│ │ └── store.ts Инициализация хранилища
│ │
│ ├── types Вспомогательные типы
│ │ │
│ │ └── generic Generic типы
│ │
│ └── utils Вспомогательные функции
│ └── temterature.ts