На стеке React, React Router (v6), TypeScript было написано адаптивное приложение, которое получает данные с локального сервера, написанного на Express.JS. Этот сервер, в свою очередь, использует Free-To-Play Games API для получения данных по игре(-ам).
Доступные виды сортировки:
-
по платформе;
-
по жанру;
-
по релевантности, алфавиту, популярности, дате выхода.
В качестве UI-фреймворка был использован Ant Design. Все ошибки со стороны сервера обрабатываются. То же самое относится к возможным попыткам пользователя вручную ввести некорректный путь или невалидные параметры.
Кроме того, было замечено, что Free-To-Play Games API иногда выдает невалидные скриншоты или дату выхода - эти случае тоже обрабатываются.
-
использование TypeScript
-
backend на Express.JS
-
могут обрабатываться тысячи тайтлов
Для развертывания приложения необходимо запустить frontend- и backend-части приложения, которые расположены в соответствующих папках. Итак, надо выполнить следующие действия:
Перейти в папку frontend, ввести команды:
npm install
npm start
Перейти в папку backend, ввести команды:
npm install
npm run dev
(при первом запуске последнюю команду, возможно, придется перезапустить)