Портал БизнесТуса - Tusa.cc

Портал БизнесТуса - Tusa.cc

Задача: создать бизнес-портал близким по функционалу к Бизнес Молодости. В качестве наполнения контентом необходимо было спарсить данные из открытых источников

Laravel 6
Использовался для бэкэнда
Laravel-mix
Webpack в составе использовался для сборки фронта
MySQL
Использовалась для хранения данных
VUE+pusher
Использовано для отдельных компонентов и реалтайм-чата
Bootstrap 4
Использовался в качестве основы для css

Лэндинг

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

Особенности проекта портала

Основной же проект заключался в полноценном бизнес-портале. Со стороны бэкэнда, архитектуры и логики, в целом, все достаточно понятно и рутинно.

  • Laravel 6 на бэке
  • Pusher для реалтайм чата в правой части экрана
  • Модельки, модельки, модельки, форумы, объявления
  • Аутентификация, авторизация, комментарии

Парсинг

На этом проекте заметил и понял, что я нигде не упоминал работу с парсингом. Так вот, это я делаю тоже. Конкретно на БизнесТусе требовалось спарсить каталоги франшиз и имеющихся объявлений. Сделано. В простых случаях использовалась Simple PHP Dom, а в более сложных - Selenium на Пайтоне. Отмечу, что парсинг происходил из открытых источников и не сопряжен с нарушением закона

Фронтэнд

Лицо проекта выполнено через Blade и VUE для отдельных компонентов. Как ни крути, а в таких вариантах использования VUE мне нравится куда больше, чем React.

Потенциальному заказчику может показаться, что никакого дизайна и проектирования интерфейса тут нет. И вот именно тут подвох. Это тот случай, когда работа по дизайну и UI заключается в отсечении всего лишнего и оптимизации. В данном кейса идеальный дизайн тот, который не заметен. Тот пользовательский опыт, который не заставляет думать и напрягаться. Вот ниже пример конкурентных сайтов:

Ну как? Зачем нужны все эти элементы? Все эти бордеры, кнопочки, иконочки, по 5 вложений блоков? Для чего?

Из забавного отмечу необходимость "возиться" с bb-кодами для отправки сообщений в форумной части. Ощущалось это как-то все странно почти в 2020 году. Но необходимо

Ну и наконец полная часть лэндинга:

Изолированный лэндинг-page внутри портала
Make an order
or Hire us