Есть следующий JSON файл:

[{
email: ‘[email protected]’,
number: ‘221122’
}, {
email: ‘[email protected]’,
number: ‘830347’
}, {
email: ‘[email protected]’,
number: ‘221122’
}, {
email: ‘[email protected]’,
number: ‘349425’
}, {
email: ‘[email protected]’,
number: ‘141424’
}, {
email: ‘[email protected]’,
number: ‘822287’
}, {
email: ‘[email protected]’,
number: ‘822286’
}]

Напишите приложение с одной страницей, на котором находится форма с двумя полями email (обязательное) и number (опциональное) и кнопка submit при нажатии на submit запрос уходит на бек где нужно в JSON найти подходящих под поисковый запрос пользователей отобразить найденные данные на клиенте под формой

Условия:

• нужно на беке добавить задержку обработки запроса в 5 секунд (имитация долгой обработки ответа). При повторном запросе с фронта, отменять прошлый запрос.
• обязательная валидация полей email и number. Можно сделать либо на фронте либо на беке, будьте готовы объяснить выбранный подход
• на фронте на поле number нужно добавить маску, чтобы номер отображался с дефисами каждые два знака. например 22-11-22, 83-03-47

Тех. требования:

• фронт react или vue (типизация на выбор)
• бек nodejs (типизация обязательна)
• библиотеки на ваше усмотрение
• деплой не обязателен, подойдёт и Readme с инструкцией

• SPA
• React с использованием функциональных компонентов и хуков
• клиентская часть архитектура FSD
• generate-react-cli шаблон компонентов для клиента
• React-text-mask
• Typescript
• Effector / Effector-react
• Scss / Scss-modules
• Node js
• Express js

$ git clone https://github.com/Mikhail39yanov/check-user

$ cd beckend/

$ npm install

$ npm run dev

or

$ npm run build
$ npm run start

$ cd frontend/

$ npm install

$ npm run start

or

$ npm run build
$ npm run start

{
"email": "[email protected]",
"number": "221122"
},
{
"email": "[email protected]",
"number": "830347"
},
{
"email": "[email protected]",
"number": "221122"
},
{
"email": "[email protected]",
"number": "349425"
},
{
"email": "[email protected]",
"number": "141424"
},
{
"email": "[email protected]",
"number": "822287"
},
{
"email": "[email protected]",
"number": "822286"
}

$ npm run component <NameComponent>