Приложение для iPad «Умный дом»

URL-адрес приложения: https://smart-home-app.netlify.com/

SmartHome — это приложение, которое отображает полезную информацию, такую как расписание автобусов, статус линии поезда и другую информацию, полезную для современного SmartHome.

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

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

Дисплей оптимизирован для Apple iPad (дисплей Retina), однако он использует адаптивный дизайн, что означает, что он будет корректно отображаться на экране любого размера.

Развертывание собственной версии

Вы можете развернуть собственную версию приложения, просто нажав на ссылку ниже. Это совершенно бесплатно и занимает менее 5 минут.

Развернуть приложение SmartHome
app.netlify.com

Настройка приложения

Вам нужно будет добавить переменные среды, чтобы настроить информацию об автобусной остановке и дороге, вот пример того, как они должны выглядеть:

REACT_APP_BUS_STOP_DATA=[{"id": "490000077E", "title": "My closest bus stop"},{"id": "490000077E", "title": "Towards Stratford station"}]
REACT_APP_ROAD_DATA=a12,a13

Чтобы получить идентификатор автобусной остановки, прочитайте страницу README на github:

https://github.com/DilwoarH/smart-home-information-screen/blob/master/README.md

Это также может быть полезно, чтобы понять, как добавлять переменные окружения в netlify:

Настройки сборки | Netlify
Netlify создает, развертывает и размещает ваш внешний интерфейс. Узнайте, как приступить к работе, посмотрите примеры и документацию для…www.netlify.com

Используемые технологии и API

Приложение было создано с использованием ReactJS от Facebook. Отзывчивая сеточная система — Foundation 6 от Zurb. Приложение также использует Moment.JS для преобразования времени.

Это приложение использует следующие API для получения данных:

API статуса линии поезда Tfl — Статус линии поезда.
Tfl road status API — Статус дороги
API прибытия автобуса Tfl — Статус расписания автобусов
Новостная лента Би-би-си — Лента новостей
Cors Anywhere — CORS-прокси для новостной ленты

Вклад в приложение

Мы рекомендуем делать все вклады через запрос на вытягивание. Весь код является открытым исходным кодом и доступен по следующей ссылке:

DilwoarH/smart-home-information-screen
Информационный экран для отображения полезной информации, такой как статус линии поезда и время прибытия автобуса рядом с вашим домом…github. ком