Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bobrov-site/vue-form-test
https://github.com/bobrov-site/vue-form-test
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/bobrov-site/vue-form-test
- Owner: bobrov-site
- Created: 2023-07-24T12:03:15.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-07-24T12:23:24.000Z (over 1 year ago)
- Last Synced: 2023-07-24T13:38:08.180Z (over 1 year ago)
- Language: JavaScript
- Size: 122 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# vue-form-test
## Project setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for production
```
npm run build
```
### Lints and fixes files
```
npm run lint
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
### Test task Junior Frontend Developer
Тестовое задание включает два подзадания, которые позволят вам
продемонстрировать ваши навыки.
### 1. Сверстать форму создания Клиента
```
Используемые технологии:
• Vue.js
• Vuelidate
• Sass
Атрибуты формы:
• Фамилия*
• Имя*
• Отчество
• Дата рождения*
• Номер телефона* (11 цифр. Начинается с 7)
• Пол
• Группа клиентов*. (Мультиселектор). Значения: [VIP, Проблемные, ОМС]
• Лечащий врач. (Cелектор). Значения: [Иванов, Захаров, Чернышева]
• Не отправлять СМС. (Чекбокс)
Адрес:
• Индекс
• Страна
• Область
• Город*
• Улица
• Дом
Паспорт:
• Тип документа*. (Cелектор). Значения: [Паспорт, Свидетельство о рождении, Вод. удостоверение]
• Серия
• Номер
• Кем выдан
• Дата выдачи*
*Поле обязательное для заполнения.
Описание задания:
• Дизайн и внешний вид формы вы выбираете самостоятельно.
• Использовать какие-либо сторонние (CSS/JS/Vue/Etc) библиотеки, кроме указанных в задании не
разрашается.
• Необходимо осуществлять валидацию данных формы и выводить ошибки пользователю при их
наличии. Место выведения, формат и текст вы определяете самостоятельно.
• При отсутствии ошибок, необходимо показать сообщение о том, что новый клиент успешно создан.
• Форма должна быть адаптивной.
• Обратите особое внимание на UI/UX и визуальный вид формы.
```
### 2. Сверстать форму создания Клиента
```
Используемые технологии:
Vue.js Правила игры
• Игровое поле состоят из 4 квадратов / кнопок, каждый из которых производит определенный тон и
«загорается» при нажатии.
• Раунд в игре состоит из устройства, освещающего одну или несколько кнопок в случайном порядке.
После чего игрок должен воспроизвести этот порядок, нажимая кнопки.
• Если игрок успешно воспроизводит последовательность, то они переходят к следующему раунду.
• Если игрок не воспроизводит последовательность, то игра окончена (уведомление должно
отображаться для пользователя).
• С каждым раундом количество кнопок (последовательность) увеличивается.
Дополнительная информация об игре
Пример игры в действии
Функциональность
• При воспроизведении последовательности кнопки / квадрат должны «загореться».
• Каждая кнопка / квадрат должны издавать уникальный звук во время игры - вы можете использовать
те же аудиофайлы, которые используются для этой версии игры Simon
Должно быть 3 уровня сложности - легкий, нормальный и сложный
• Легкий: время между каждой кнопкой в последовательности должно быть 1,5 сек
• Средний: время между каждой кнопкой в последовательности должно быть 1,0 сек.
• Сложный: время между каждой кнопкой в последовательности должно быть 0,4 сек.
Дизайн
Время на это задание должно быть потрачено на функциональность, а не на дизайн, поэтому, пожалуйста,
следуйте основному дизайну игры.
```