Коснтруктор блоков

Name: Коснтруктор блоков
Price: 200 UAH
Availability: InStock

Javascript и Typescript — неверно указаны категории?

200 UAH

Конструктор текстовых блоков

Должен быть конструктор блоков http://joxi.ru/J2b388PU0kWaqA

В блоке есть 4 инпута и кнопка создания блока.

Форма и валидация:

Заголовок - только кириллические символы, максимум 20 символов;

Ссылка - без валидации;

Текст - только кириллические символы, максимум 250 символов;

Фото - только картинки;

Все поля обязательны! Если неправильная валидация то блок не должен создаваться, а юзер должен видеть сообщение о конкретной ошибке.

При загрузке картинки, она должна отображатся на месте пустого блока в форме.

После успешного создания блока должна чистится форма.

Рендер:

После прохождения валидации и клике на кнопку “Создать” должен создатся блок http://joxi.ru/bmov443u3pqzZr (картинка, заголовок, текст и ссылка-обертка для блока) внизу конструктора. Блоков должно быть по три в ряд, если блоков больше десяти, то должна появится кнопка “Загрузить больше” при клике на которую должны загружаться следующие блоки от 11 и до 21, если таковы были созданы заранее, а сама кнопка должна прятатся. Новые блоки должны находится внизу, а старые сверху.

Прелоадер:

Во время рендеринга блоков должен появиться произвольный прелоадер который будет исчезать после каждого рендеринга (ВАЖНО! Не использовать setTimeout и setInterval).

Требования к написанию кода:

Задачу писать на нативном js без использования плагинов;

В задаче не использовать методы ООП;

Ставки 6 Отозванные 1