Доработки предполагают full stack, то есть и фронтенд, и бэкенд. Поэтому если вы не владеете сразу обеими технологиями, то пожалуйста не откликайтесь.
Сайт опубликован тут:
wholecarsmarket.com. Необходимо добавить новые фичи и пофиксить некоторые баги.
- Добавить фильтр свободного поиска. Это должен быть основной фильтр, тогда как все остальные должны быть спрятаны по умолчанию и могут быть развернуты пользователем. (См. схематичное изображение дизайна в прикрепленных к заданию файлах). Поиск должен осуществляться только после нажатия на кнопку Search. При этом при скролле в шапке (в подсказке должен отображаться поисковой запрос пользователя). Сам алгоритм поиска должен показывать результаты, если искомые слова встречаются в полях year, make, model, title, description.
- Поправить верстку. Сместить reset filters вправо, селекторы per_page и сортировки влево, а количество результатов вниз под окно с фильтрами. (См. изображения).
- Сортировать дропдаун model по алфавиту.
- Отражать в url недефолтные фильтры. Необходимо, чтобы сайт работал через GET запросы. Указали в фильтре model, ссылка в адресной строке должна поменяться по типу model=Alfa+Romeo. И наоборот, загружаем сайт по ссылке ...?drive=RWD, значит и значение фильтра должно быть RWD и показываться в результатах должны только объявления с RWD.
- Исправить autocomplete для фильтров make и model. При вводе значений вручную в дропдауне остаются те значения, в которых ВСТРЕЧАЕТСЯ заданная в инпуте комбинация. А необходимо, чтобы оставались значения, которые НАЧИНАЮТСЯ с заданной в инпуте комбинации. Вводим T, видим asTon marTin, benTley, chevroleT, etc. А нужно, чтобы видели только Tesla, Trabant, etc, отсортированные по алфавиту.
- Починить шорткаты для make. Если выбрать make, то под фильтрами показываются шорткаты с model - ссылки на самые популярные model выбранное модели. Так вот было задумано, что если make не выбрана, то должны показываться такие же шорткаты с самыми популярными make, соответствующие фильтрам. Но почему-то эта фича не работает.
- Исправить скролл дропдауна - когда доскроллил дропдаун до конца, сама страница не должна скроллиться.
- Убрать логи vue в консоли
- Исправить ошибку sockets (см скрины консоли). Failed to load resource: the server responded with a status of 502 (Bad Gateway). Возникает когда сайт долго открыт.
В процессе выполнения задания предоставлю доступ к репозиторию на github. Оплата в идеале PayPal, но если принципиально, то можно и на русскую карту или через Безопасную сделку.
