Platform

Платформа инвестиционного проекта BTC-FOUNDER.com

Задача: полностью создать мультиязычную сайт-площадку для инвестиционного проекта со всей логикой, подключением платежной системы и прочими составляющими
Платформа инвестиционного проекта BTC-FOUNDER.com

Tools are being used in this project

LARAVEL

Использовался для полноценного бэкэнда, роутинга, локализации, создания личнего кабинета, обработки платежей, статистики и прочего

MySQL

Стандартный вариант БД для хранения данных

VUE

Помимо обыкновенных выпадающих списков и прочего применялся компонетно для отдельных элементов

BOOTSTRAP

Верстка выполнена на основе BoostrapCSS

API+WebSocket

Для получения крипто-котировок использовались сторонние API + подключение платежного сервиса

Gallery

Few words about the project

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

ТЗ

Согласно ТЗ, сайт должен был получится "ярким/модным/молодежным". При этом оставаться с неким налетом строгости и попадать в сформированные у ЦА ожидания.

Вместе с этим пользовательский опыт должен был быть максимально простым и "тупым", чтобы не создавать никаких сложностей и соблюдать линейность от посетителя

Фронтэнд

На сайте предполагалось очень много интерактивных элементов и кнопок и потому основные тона были выбраны светлыми. Таким образом получилось максимально обозначить необходимые CTA и подобные элементы.

От пользователя требовалось следовать заданному флоу и все интерактивные элементы в личном кабинете выполнены с помощью VUE. Пользователь не сможет нажать то, что не должен нажать, не сможет ввести неверные значение и так далее - все это, включая валидацию, выполнено на VUE. (валидация, разумеется, дублируется на бэке)

При каждом новом выбранном значении, например, при выводе средств, через axios подгружаются данные из БД. Например, начальное состояние в случае добавления вклада выглядит так:

Начало вклада пользователем. Если доступных средств нет, кнопки не активны

Конечное состояние перед отправкой заявки выглядит так:

Заявка на создание вклада

Стили писались с помощью SCSS и делались для двух тем: светлой и темной, однако в финальной версии темная версия сайта не использовалась. Сборка осуществлялась с помощью laravel-mixa с WebPackom

Бэкэнд

Весь бэкэнд реализован на Laravel 5. Из интересного:

  • реализован личный кабинет пользователя
  • динамичные и администрируемые тарифные планы
  • блог-система
  • подключение к платежной системе и работа через CURL и callback
  • мультиязычность
  • мультивалютность
  • расчет статистики и система напоминаний и расчетов для администрации
  • реферральная система для пользователей и соответствующие расчеты
  • система публичного рейтинга для пользователей
  • синхронизация курса валют с bitaps.com и cbr-xml-daily.ru через API