Задание включает 2 независимые части, которые публикуются в отдельных репозиториях Github:
I. Верстка
Сделать верстку небольшого блока:
https://www.figma.com/file/MmE1nhhBdENzovinWEwdDy/Finkit-Test
Требования:
- верстка на чистом HTML/CSS (без фреймворков, библиотек, систем сборки и т.д.)
- максимальная ширина макета 1024px с padding-полями 60px с каждой стороны (при большем разрешении выравнивание по центру)
- адаптивная верстка под мобильные устройства (телефон и планшет, корректное отображение на переходных разрешениях)
- верстка должна строго соответствовать дизайн-макету в Figma
- изображения должны быть оптимизированы, но поддерживать качество retina-экранов
- все иконки подключаются через web-шрифты (например, через сервис Fontello)
- именование изображений, классов и стилей и прочих компонентов идет через snake_case
- простой и понятный код
II. PHP/JS
Скачать тестовый проект:
https://github.com/atr-one/full-stack
Авторизация по любому из номеров телефонов в таблице users, код подтверждения 1111. В проекте сейчас только одна вкладка Plots (раздел с участками, где выводится краткая информация о них и функционал редактирования). Надо добавить второй раздел Users (пользователи) с аналогичным функционалом, где будет выводиться информация о владельцах участков и возможность отредактировать данные пользователя.
Требования:
- таблица Users с владельцами участков (колонки Plot ID, First name, Last Name, Phone, Email, Last login)
- пагинация по 20 записей на страницу (аналогично таблице Plots)
- поиск по номеру телефона, имени и email пользователя
- страница реализуется в схожем дизайне, как страница с Plots
- возможность создания/редактирования пользователя (поля First name, Last name, Phone, Email, Plots)
- должна поддерживаться возможность добавить пользователя сразу к нескольким участкам (через запятую в поле Plots)
- если при редактировании какие-либо поля, кроме Plots не заполнены, не давать сохранить данные
- при сохранении данных телефон фильтруется по нечисловым символам, email переводится в lower case
- в меню при выборе раздела Users он должен подсвечиваться аналогично выбору Plots
- возможность удаления пользователя