Доброго дня.
Необхідно скласти кілька сторінок з готової верстки на reactjs. Готова верстка була куплена на themeforest, хто проявить великий інтерес і буде підходити як кандидат на виконання роботи, надам посилання на верстку (вона платна, я не поширюю платний матеріал, тому не публікую тут).
Ось посилання на themeforest - https://themeforest.net/item/tailwise-react-typecript-admin-dashboard-template/51856970?s_rank=1
Що потрібно скласти (все, що бачите в фігмі):
1. Головну сторінку з блоком форми (як у фігмі)
2. Таблицю з формами та кнопками редагувати, додати і видалити. Ну і пошук за назвою.
3. Сторінку додавання/редагування форми
Посилання на фігму - https://www.figma.com/design/chkL3HRkIEsWM26oSC3g3g/Form-generator?node-id=6357-41096&t=jOiuwcVF8HBx0WVQ-0
Пояснення:
Сторінка Меню - це квадратні великі кнопки-посилання на сторінки:
Форми заповнювальні
________________________________________________________________
При кліку на Форми заповнювальні - Відображаємо список форм у вигляді таблиці
Колонки таблиці: Назва, name (унікальна назва форми), кнопки дій (редагувати, видалити)
Форми беремо і зберігаємо через просте api. У API 2 методи:
1. Отримати json всіх форм (там всі потрібні поля і дані)
2. Зберегти json всіх форм (якщо щось додаємо або редагуємо, то потім додаємо в загальний json і відправляємо на сервер)
При кліку на редагувати форму, або на кнопку додати форму:
Відкриваємо іншу сторінку, на якій додавання / редагування форми
________________________________________________________________
Пояснення:
Блоки форми - це типу <div class="col-md-6"></div> в бутстрапі. Тобто це колонки, в яких буде додаватися додане поле.
Блоків форми можна додавати скільки хочеш.
Всередині блоку форми можна додавати скільки хочеш полів. У кожного поля свій тип (описаний нижче). При виборі типу поля додаємо потрібні інпуты, як показано у фігмі.
Поля:
1. Текстовий інпут
2. TextArea
3. Текстовий редактор
4. Селект
5. Зображення
6. Багатократне додавання зображень
Валідатори:
-обов'язкове поле
-число
-текст
-зображення
--розширення
--розмір
--роздільна здатність картинки
По шаблону верстки з themeforest, потрібно все зайве прибрати звідти, залишити те, що використовується, щоб не був такий величезний пакет.
Від вас чекаю розумні терміни (посередників не турбувати прошу), вартість, досвід