Прототип админ-панели с базой украшений

— React-приложение, сделанное в рамках тестового задания для компании Valantis.

Проект закончен: 11.03.2024

Ссылка: https://apterousteen.github.io/valantis-test-task/#/

Инструкция

Установка зависимостей

npm i

Запуск проекта

npm start

Стек

• React
• MUI 5
• React Router
• Axios
• Axios Retry
• Crypto JS
• Create React App, ESLint, Prettier

ТЗ

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

Требования:

• выводить по 50 товаров на страницу с возможностью постраничного перехода (пагинация) в обе стороны.
• возможность фильтровать выдачу используя предоставленное апи по названию, цене и бренду

Если API возвращает дубли по id, то следует их считать одним товаром и выводить только первый, даже если другие поля различаются. Если API возвращает ошибку, следует вывести идентификатор ошибки в консоль, если он есть и повторить запрос.

Задание можно выполнять на React или на нативном JS.
Оцениваться будет правильность работы сайта и качество кода.
Внешний вид сайта оставляем на Ваше усмотрение.

Пароль для доступа к апи: Valantis
API доступно по адресам:

• http://api.valantis.store:40000/
• https://api.valantis.store:41000/

Документация по работе с API прилагается

Форма подачи:

Выполненное задание разместите на github pages или аналогичном сервисе.
В сообщении на hh отправить ссылку на сайт и на исходник.
Работы без ссылки на рабочий проект рассматриваться не будут.

Cкриншоты