apostololeg / steam-play Goto Github PK

Demo

Сделать маленький сервис, который будет принимать несколько ссылок на аккаунты пользователей в Стиме и показывать их общие мультиплеерные игры, чтобы несколько человек могли легко решить, во что поиграть вместе.

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

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

• https://steamcommunity.com/id/gwellir
• https://steamcommunity.com/id/molotoko
• https://steamcommunity.com/id/Tryr

АПИ для работы с аккаунтами: https://developer.valvesoftware.com/wiki/Steam_Web_API

Authentication using Web API Keys

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

После получения списка игр из каждого аккаунта надо отфильтровать мультиплеерные. Для этого можно использовать АПИ Стимспая, которое показывает теги игры (официальное апи так не умеет): http://steamspy.com/api.php

Игру можно считать мультиплеерной, если у нее есть тег Multiplayer.

Обратите внимание, что у Стимспая рейт-лимит 4 запроса в секунду, а нашим сервисом могут пользоваться тысячи людей в день, у каждого из которых может быть куплено несколько сотен игр. Подумайте, как решить этот вопрос.

Стек: Любой современный фреймворк для вьюх на фронте + что угодно на ноде на бекенде.

Для стилей препроцессор по вашему выбору. Обязательно использовать изоляцию стилей компонентов (БЭМ или что-то другое по вашему выбору).

npm i && npm start

• при выбранном игроке – отображается список его игр
• при выбранной игре – на аватарках игроков отображается отношение playtime этой игры к maxPlayTime среди остальных выбранных игроков

• лейаут: допилить что бы везде скроллилось норм 😏
• игроков отрисовывать сразу после сабмита, но со спиннером