Тестовое задание для стажера на позицию "Программист на языке JS"
Предстоящие шаги
- Добавить запуск на github
- Вынести хранение заметок в куки
- Сделать сохранение ширины списка TODO в куках
- Добавить тесты
- Добавить возможность добавления, релактирования и удаления заметок
- Добавить обрезку наименования заметки "..." на конце
- Добавить хранения текущего статуса заметки (ожиджает/в процессе/выполнена)
- Добавить поиск заметок по имени
- Добавить сохранение локально
- Добавить поддержку ui для мобильных устройств
- Изменения в дизайне всегда приветствуются
Дано
JS, CSS (SCSS, SASS)
Максимальное время на выполнение задания — 2 недели
Целью задания является написание TODO List приложения
Основные цели
- Приложение должно включать в себя минимум два основных компонента (примерный вид приложения см. на рисунке выше):
- Вертикальный список с наименованиями заметок TODO;
- Область взаимодействия заметки TODO
- Реализовать возможность добавления, редактирования и удаления заметок TODO;
- Обрезать конец наименования заметки TODO “…”, если имя не влезает в вертикальный список наименований заметок TODO.
Дополнительные цели
- Добавить цветовую индикацию состояния прогреса выполнения заметок TODO (состояния: ожидает/в процессе/выполнена);
- Добавить поиск заметок TODO по имени;
- Добавить возможность изменения ширины списка наименований заметок TODO, по удержании и перемещении правой границы курсором компьютерной мыши;
- Реализовать приложение на React+JS или React+TS (предпочтительнее использовать createReactApp).
Использование фреймворков и библиотек, кроме React, не разрешено. Комментирование кода с пояснениями – обязательно.
Решение задачи назместить на github
Ссылку на решение нужно вставить в файл Word и прикрепить к заявке на стажировку.