Проект: "Forms for 'Сибтехнологии'"

---

Описание:

" Тестовое задание (необходимо использовать Vue версия 3)

1. сверстать экраны - по макету

2. реализовать логику экрана "Добавление полей" 2.1) добавление на форму полей типа: строка, число, список (единичный и множественный выбор) 2.2) удаление полей из формы 2.3) установка обязательности заполнения полей !2.4) отображение актуальных настроек формы в области предпросмотра

3. реализовать открытие формы с актуальными настройками на отдельной веб-странице" //Нажмите кнопку "сохранить"

Ссылка на деплой

Ссылка на макет

---

Страницы

• Логин
• Формы
• Редактор полей
• Отдельная страница с формой

---

Стэк технологий:

Vue3, Vuex, JS, CSS, Vite, Vue-router

---

Установка

• npm install — установить зависимости
• npm run dev — запуск сервера разработки
• npm run build — сборка проекта

---

Пример кода:

toggleReguired(state, payload) {
    let index = state.currentFields.map(el => el.id == payload).indexOf(true)
    state.currentFields[index].required = !state.currentFields[index].required
  }