Задача: создать яркий и конверсионный сайт для продажи прогнозов на спорт по системе подписки с административной частью
Tools are being used in this project
HTML5
Классический HTML, который генерировался с помощью PHP
CSS
Верстка делалась на основе Bootstrap
JavaScript
Использовался для реализации множества эффектов и интерактива на странице (jQuery)
PHP5.6
Использовался для создания бэкэнда (регистрация, авторизация и разделение прав пользователей, подача прогнозов, сбор статистики, реализация опросов)
MySQL
Использовалась для хранения данных о прогнозах, статистике, пользователях
Gallery
Few words about the project
Данный проект был интересен в первую очередь с точки зрения возможности попробовать свои навыки в написании сколь-нибудь функционального сайта с бэкэндом. Согласно ТЗ из интересного требовалось:?
конверсионная главная страницей с интерактивными элементами?
отдельная страница подписки с интерактивными элементами?
закрытый раздел, который доступен только для платных подписчиков?
страница с опубликованными прогнозами?
полноценный раздел под блог?
Бэкэнд?
Для реализации я использовал полностью аутентичный PHP5.6 без каких-либо фреймворков. Структура кода соответствовала мои навыкам на тот момент: никакого MVC.?
Регистрация пользователей, авторизация и контроль доступа делались абсолютно сырыми, но полностью "авторскими" способами. Это предполагало и "лапшеобразную" валидацию, которая, однако, работала отлично.?
Для выполнения раздела "База знаний/Блог" потребовалось написать функционал с пагинацией.?
Для хранения кучи данных использовалась MySQL как самый оптимальный, быстрый и популярный вариант решения. Хранилось: пользователи, прогнозы, роли и доступ пользователей, статьи и данные для посадочных страниц.?
Фронт?
Главная и подписочная страницы давали полную свободу самовыражения и стали отличной площадкой для тренировки навыков в JavaScript и jQuery в частности.?
Абсолютно все интерактивные элементы сайта были выполнены без использования готовых библиотек и писались собственноручно. Это было ужасно нудно, но крайне полезно:?
Слайдер из данных с эффектами?Блок с демонстрацией возможных заработков с данными из БД через AJAX
?
Калькулятор-мотивашкаАнимированный калькулятор по тарифам?Простой тест-помощник для "выбора тарифа"
![](/storage/uploads/1560012609_6_4.gif")