Разработать компонент на Angular для создания и редактирования тестов.
10 000 UAH
Редактирование и удаление: Пользователь ставит курсор в поле ввода и может редактировать текст
Режим просмотра: поле ввода, пользователь имеет возможность печатать ответ
Поведение интерактивного элемента дропдаун (Select).Начало: В тексте есть плейсхолдер дропдауна с одной опцией: «Добавить ответ».Добавить ответ: При выборе опции "Добавить ответ" появляется новая опция (поле для ввода текста) выше текущей выбранной опции.Пользователь может сразу начать вводить текст для этой опции.Для каждой опции - чекбокс позволяет обозначить ответ как правильный.Опция «Добавить ответ» автоматически перемещается вниз, становясь последним элементом в дропдауне.Редактирование и удаление: Для редактирования опции пользователь открывает дропдаун и выбирает опцию для редактирования, после чего опция переходит в состояние редактирования и пользователь может изменить ее текст.При каждом варианте кнопки удаления.При удалении должен появляться пап с подтверждением.Выход из режима управления по фокусу или нажмите на энтер.Завершение редактирования: После добавления всех необходимых опций пользователь может просто класть вне дропдауна, и он "закрепится" в таком состоянии.Если пользователь решит вернуться и редактировать его, он может просто нажать на дропдаун и продолжить редактирование.Режим просмотра: обычный дропдаун с набором опций, которые были добавлены в режим редактирования.Адаптивность и мобильные устройства: На мобильных устройствах убедитесь, что дропдаун легко открывается и редактируется, и что все элементы управления имеют удобный размер для дотикания пальцем.Удаление элемента: можно удалить, поставив курсор вне элемента и нажмите клавишу backspace или поставив курсор перед элементом и нажмите Del
Дизайн: Лаконичный, минималистический интерфейс.Расширенность: Набор доступных интерактивных элементов должен быть легко расширенным, чтобы в будущем можно было добавить новые типы интерактивных элементов без необходимости полного переписи компонента.Требования к коду: Код должен быть структурирован таким образом, чтобы его легко было разобраться другому разработчику.Функционал должен быть разделен на логические части (модулы, компоненты, услуги), каждая из которых решает свою задачу.Код должен быть написан таким образом, чтобы добавление новой функции или изменение существующего не требует крупных изменений в уже написаном коде.Код должен соответствовать принятым стандартам и лучшим практикам разработки на Angular.Поддержка мобильного дизайна: да
Добавим пример общего поведения редактора.
Приложения 1
Результаты работы
Отзыв заказчика о сотрудничестве с Олексієм Бобером
Разработать компонент на Angular для создания и редактирования тестов.Я хочу выразить свое удовлетворение от работы, которая была выполнена. Компонент разработан на высоком уровне, учитывая все спецификации и требования.
Спасибо за отличную работу и рекомендую к сотрудничеству.
Отзыв фрилансера о сотрудничестве с Rodion Rudenko
Разработать компонент на Angular для создания и редактирования тестов.Очень приятно работать с Родиной. Имея технический бекграунд, задачи ставятся четко и понятно. Уважение только по делу. Всегда на связке.
-
Победившая ставка10 дней10 000 UAH
8157 61 0 Победившая ставка10 дней10 000 UAH
Добро пожаловать! У меня большой опыт работы с Angular, а также CKEditor 4/5 и их кастомизацией.
Обращайтесь, я сделаю хорошо.
-
14 дней14 000 UAH
1145 37 3 3 14 дней14 000 UAH
Здравствуйте, в основном работаю с ангуляром, очень интересная идея компонента, до 14 дней с правками
-
10 дней7000 UAH
940 20 3 1 10 дней7000 UAH
Доброго дня . Заинтересовался ваш проект. Сделал подобную задачу на Vue 3. Без проблем я могу выполнить на Angular. Опыт работы с данным фреймворком 3+ лет. Мой сайт портфолио здесь: https://willowy-liger-0cb750.netlify.app. Пишите, соглашаемся
Актуальные фриланс-проекты в категории Javascript и Typescript
Модули для сайта на Laravel
4000 UAH
Модуль доставки и оплаты для сайта https://novabook.top/ (Botble CMS / Laravel) Добавить в checkout удобные способы доставки и оплаты (включая рассрочку), по аналогичному стилю и удобству, как на сайте mirson ua.Доставка (обязательно) Новая Почта Отделение Почтомат Курьер на… Javascript и Typescript, PHP ∙ 5 часов 57 минут назад ∙ 18 ставок |
Разработка платформы AM Mobility (автосервис, парковка, страхование, аренда автомобилей)
256 773 UAH
Ищем команду или опытного Full Stack разработчика для создания MVP платформы AM Mobility. AM Mobility — это единая цифровая экосистема для автомобилистов, объединяющая в одном приложении и веб-платформе: парковку; автосервис; шиномонтаж; автомойку; аренду автомобилей;… Javascript и Typescript, Веб-программирование ∙ 8 часов 54 минуты назад ∙ 79 ставок |
Gsap анимации
1000 UAH
Добрый день. Нужно внести правки в текущем проекте. Нужен специалист, который хорошо работает на gsap/lenis Нужно сделать анимацию карточек. Подробное ТЗ здесь: https://www.figma.com/design/5bLEJudN5LPpB9ZSoJa2Eb/Untitled?m=auto&t=qwyluUctL1lrMNvh-6 Нужно… Javascript и Typescript, Веб-программирование ∙ 14 часов 40 минут назад ∙ 16 ставок |
Коммерческая on-premise платформа видеосвязи «ViM»Требуется разработать on-premise систему видеосвязи с базовым расчетом на 100 одновременных подключений (10 изолированных комнат по 10 человек). Платформа должна иметь заложенную архитектуру для будущего горизонтального масштабирования до 1000 пользователей путем добавления… Javascript и Typescript, Веб-программирование ∙ 1 день 9 часов назад ∙ 28 ставок |
Ищу наставника по Claude Code для запуска веб-проекта с нуля**Кратко о задаче:** Я новичок без опыта в программировании. Есть готовое ТЗ на разработку сайта (42 страницы, Next.js, PostgreSQL). Хочу реализовать его самостоятельно с помощью Claude Code - нужен специалист, который настроит среду и научит меня работать с инструментом. ---… Javascript и Typescript, Обучение ∙ 2 дня 13 часов назад ∙ 18 ставок |
Харьков