-
Notifications
You must be signed in to change notification settings - Fork 0
/
courseTest.txt
42 lines (31 loc) · 3.58 KB
/
courseTest.txt
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
Основное задание
Написать игру "Find the Pair"(пример логики игры вы можете посмотреть например тут: http://mypuzzle.org/find-the-pair) поле из карт, изначально они скрыты (перевернуты) для пользователя, каждая из карт должна быть представлена в двух экземплярах. Цель игрока зачистить поле от карт. При клике на карту она открывается игроку, при клике на вторую она также открывается и если изображения на обеих картах совпадают то они исчезают, в противном случае через таймаут возвращаются в начальное положение.
Функционал который необходимо реализовать:
- выбор размера поля (6 на 6, 8 на 8, 10 на 10, 12 на 12)
- выбор цветовой схемы оформления
- таймер в игре
- возможность поставить игру на паузу
- систему начисление очков за прохождение игры (основываясь на времени игры и количестве попыток найти комбинацию)
- возможность сохранения результата (имя, дата, очки) игры в local storage
- визуализация результатов в таблице рекордов(для каждого размера поля должна быть своя вкладка)
- css анимацию в момент переворачивания, удаление карт (в любое другое место в приложение, где будете считать уместным)
Результат должен быть представлен в виде ссылки на github репозиторий и иметь содержательную историю коммитов.
В файле README.md должна быть представлена инструкция по запуску вашего приложения.
Технологии и принципы которые нужно использовать:
- не использовать сторонние модули и библиотеки
- Javascript (крайне желательно ES6, 7, 8)
- CSS3
- обратить внимание на MVC паттерн и самостоятельно попытаться его реализовать в рамках данного приложения
- SOLID, DRY
- БЭМ (будет плюсом)
Технологии которые НЕЛЬЗЯ использовать:
- jquery
- lodash, underscore ...
- bootstrap и любые другие css фреймворки
- JS фреймворки
Будет плюсом
- Автоматическая сборка приложения с помощью webpack
Дополнительное задание
Повторно реализовать то же задание на стеке react/redux/redux-saga . При выполнении данного задания можете использовать любые библиотеки и плагины.
Результат также должен быть оформлен в виде github репозитория.
Все вопросы по заданию Вы можете присылать на [email protected] . Удачи ;-)