• Opensearch-Front
  • Описание
  • Функциональность
  • Планы по доработке
  • Запуск приложения

Данное приложение используется для просмотра документов. Для работы данного приложения используется backend доступный по этой ссылке.

Доступно три страницы:

• отображение полученных документов в формате JSON
• отображение полученных документов с помощью таблицы. На этой странице доступна фильтрация и поиск
• отображение одного документа из списка

Документ состоит из следующих полей:

• ID
• PostID
• Name
• Email
• Body

Фильтрация возможна по ID и по PostID.

Поиск возможен по Name, Email и Body.

Доступен поиск по точному совпадению и расширенный. Расширенный допускает написание текста с ошибками.

Из страницы таблицы можно перейти на страницу отображения одного документа. Для этого необходимо нажать на ID этого документа в таблице.

Из страницы деталей можно вернуться на страницу таблицы с настроенным поиском на данное поле. Для этого необходимо нажать на значение поля.

• Использовать Redux Toolkit Query для кеширования запросов. Таким образом, при переходе с таблицы на страницу отображения JSON не будет отправляться лишний запрос
• Изменить цветовой стиль в тему чата доступного по этой ссылке
• Добавить возможность менять тему
• Изменить логику отображения JSON. В текущей реализации используются пришедшие данные, которые фактически не преобразуются в формат JSON. В идеале необходимо использовать - JSON.stringify(documents, null, 2)

В приложение используется scss v.8.0.0 для node v.18.18. Если у вас другая версия node, то обновите библиотеку scss.

1. npm i
2. npm run dev

Если вы находитесь в корне папки, то можете воспользоваться командой:

• для linux:

npm i && npm run dev