React_JSONServer_bravaSoft_test

Project information

Задача и требования к решению:  Нужно создать web-страницу с формой для заявки. Поля формы: «ФИО конструктора» (выбрать из списка), «Наименование документа» (текст, вводится вручную). Заполнив форму, можно отправить эти данные в Базу Данных;  значения для списка в поле «ФИО конструктора» должны браться из Базы Данных;  разные конструкторы могут отправить заявки на один и тот же документ (по наименованию документа) и заявки будут учтены в Базе Данных;  если один и тот же конструктор пытается отправить в Базу Данных заявку на документ повторно (т. е. он ранее отправлял заявку с таким же наименованием документа, и она уже учтена в Базе Данных), то отправка игнорируется – выдается ошибка, что «Вы уже отправляли заявку на этот документ, она уже была учтена»;  иные проверки на корректность данных при вводе не нужны;  авторизация и аутентификация конструкторов (пользователей) желательна (то есть страница авторизации);  Нужно создать легкий back-end и Базу Данных, в которой хранятся ФИО конструкторов (пользователей), занесенные ими заявки на документы;  для back-end лучше использовать jsonServer и просто файл .json;  по умолчанию, каждый конструктор уже занес в Базу Данных по три заявки на документы (наименования документов любые, можно по аналогии из примеров выше); есть несколько заявок от разных конструкторов, где наименования документов совпадают; в Базе Данных 9 заявок;  Нужно создать web-страницу с таблицей с полями: «Наименование документа» (текст), «Количество заявок» (число). В таблице должны быть отражены текущие данные: на какой документ сколько конструкторов оставили заявки. Таблица должна быть отсортирована по полю «Количество заявок» от большего к меньшему;  нужно объединить страницу совместно со страницей формы (первый пункт), разбить по вкладкам: вкладка «Форма для заявки» и вкладка «Сводная таблица»;

React tailwind axios Json Server