Практический курс по Vue3 и Nuxt3
Boosty
Junior

Сервис по поиску интересных мест

Скриншоты:

1
2
3
4
HTMLJavaScriptCSS
+12

Категория: Web Ecommerce

Интерактивные элементы:

  Карта  Аккордеон

Описание и небольшое ТЗ

На очереди макет полноценного сайта по поиску ресторанов, достопримечательностей, спортзалов и т.п.

Сайт состоит из 9 страниц, так что есть где разгуляться. Остановимся на нескольких моментах.

На скриншоте 1 видим самый первый экран первой страницы. Ничего сложного, но было бы эффектно, если б вы могли реализовать пунктирную линию с помощью анимации (с левого края экрана к карте).

Скриншот 2 - список ресторанов. Здесь и везде в макете обязательно проверяйте макет на переполнение. То есть если будут больше заголовки и описание - ничего не должно нигде сломаться. Это очень важно! И также на этой странице необходимо реализовать фильтр и сортировку по заданным параметрам.

Скриншот 3 - при открытии ресторана (или любого другого места посещения) должна открываться карточка. Тут есть вся основная информация. Обратите внимание на share link - попробуйте сделать шаринг в социальные сети с помощью специальных мета-тегов. Кроме этого, внизу есть карта. Необходимо размещать на ней местоположение текущего места (если, например, ресторан имеет 3 филиала - надо отобразить 3 места на карте).

Скриншот 4 - аккордеон. При клике на элемент открывается текст и закрывается предыдущий открытый.

Удачи в реализации!

Поделись выполненной работой с другими!

Для того, чтобы поделиться, войдите в свой аккаунт.

Будьте первым, кто поделится своей готовой работой!