Данное приложение используется для просмотра документов. Для работы данного приложения используется backend доступный по этой ссылке.
Доступно три страницы:
- отображение полученных документов в формате JSON
- отображение полученных документов с помощью таблицы. На этой странице доступна фильтрация и поиск
- отображение одного документа из списка
Документ состоит из следующих полей:
- ID
- PostID
- Name
- 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.
- npm i
- npm run dev
Если вы находитесь в корне папки, то можете воспользоваться командой:
- для linux:
npm i && npm run dev