Задача: полностью создать мультиязычную сайт-площадку для инвестиционного проекта со всей логикой, подключением платежной системы и прочими составляющими
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
