BamblooV / vacancy

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Тестовое задание

npm i && npm run start

Ссылка на макет: https://www.figma.com/file/cfN8wAJpGJ7aQD8LD5ZpgT/%D0%A2%D0%B5%D1%81%D1%82%D0%BE%D0%B2%D0%BE%D0%B5?node-id=0%3A1 ССылка на текст задания: https://disk.yandex.ru/i/KHZxlsQf1hnCzw

Пару слов о проделанной работе

Верстка

По макету было пару вопросов и если бы это была таска внутри фирмы, то я бы подошел к дизайнеру. Старался делать pixelperfect, но из-за некоторых неточностей не все получилось и я его забросил после откладки карточки. Так что в верстке могут быть промашки относительно макета, т.к. нет времени проверить это.

Требования по БЭМ спутало карты. Мне привычней scss-modules. Поэтому стили вынесены в отдельную папку и не лежат рядом с компонентами.

Работа с API

Хоть и в тз было сказано, что данные на карточках могут не найтись в АПИ, но я нашел. Мое мнение о том, как я нашел - плохая практика (Promise.all от мапы). Съедать столько трафика у пользователя - грех.

Адаптив

Я старался, вроде бы получилось.

Есть кое-что, что я бы посчитал косяком, но если ничего такого не заметите, значит ничего критичного.

Форма

Просто наивная реализация формы.

Работа с гит

Я умею работать с гит. Просто поленился. Я порядочный человек и умею делать ветвление, мержи и атомарные коммиты, честно-честно.

State manager

Использовал Redux, т.к. хотел попрактиковаться.

Только практиковался не с ванильным, а с ReduxToolkit.

About


Languages

Language:TypeScript 56.3%Language:SCSS 20.2%Language:HTML 12.6%Language:CSS 8.1%Language:JavaScript 2.8%