https://github.com/alebedev85/re-action-test

Тестовое задание для Re-Action
https://github.com/alebedev85/re-action-test

mui react reacthookform redux redux-toolkit scss typescript

Last synced: about 1 month ago
JSON representation

Тестовое задание для Re-Action

• Host: GitHub
• URL: https://github.com/alebedev85/re-action-test
• Owner: alebedev85
• Created: 2024-03-13T12:26:00.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-03-18T07:17:32.000Z (10 months ago)
• Last Synced: 2024-03-18T08:31:01.440Z (10 months ago)
• Topics: mui, react, reacthookform, redux, redux-toolkit, scss, typescript
• Language: TypeScript
• Homepage: https://alebedev85.github.io/re-action-test/
• Size: 1.33 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Тестовое задание Frontend разработчик

[Сылка на сделанное задание](https://alebedev85.github.io/re-action-test/)

Создать одностраничное приложение, которое запрашивает у API список элементов.

Необходимые элементы страницы:

- список элементов (выводить по 10 элементов на страницу)

- элемент должен содержать id, заголовок и контент

- пагинация с возможностью переходить между страницами

- поиск - инпут с кнопкой для фильтрации запроса

Можно использовать любую API, которая поддерживает пагинацию и фильтр, например jsonplaceholder.typicode.com

Использовать стек: TypeScript, React, Redux toolkit, Axios.

Стили на ваше усмотрение. Адаптив не обязателен.

Требования:

- список элементов, номер страницы и состояние запроса должны храниться в Redux

- запросы выполнять через Redux AsyncThunk с последующим обновлением состояния

- информировать пользователя о состоянии запроса (при загрузке показать "Loading...", при отсутствии элементов написать, что ничего нет)

Бонус! (не обязательно): в найденных элементах выделять красным фрагменты текста, которые введены в поле поиска