Проделанная работа
1
Прототипирование
Разработка сайта для удобства пользователей
2
База данных
Спроектирована БД и диаграмма ER-типа
3
Разработка
Воплощение задумки при помощи HTML, CSS, PHP, Laravel и MySQL
Прототипирование
Для создания прототипа сайта разрабатываемого проекта был использован графический редактор Figma.
Благодаря нему были реализованы основные страницы сайта, а также структура страницы лендинга. Совокупность макетов и связей между ними заложили основу для начала проектирования.
Для всех страниц был выдержан единый стиль и шрифт. Основными цветами стали: белый, черный, серый и красный. Для повышения читаемости отдельное внимание уделялось контрасту цветов у определенных элементов интерфейса.
База данных
В ходе проектирования базы данных было определено 9 таблиц и 11 связей между ними.
Все таблицы и связи необходимы для грамотного функционирования будущего сайта и корректного взаимодействия разных данных. База данных была приведена к первой, второй и третьей нормали.
Помимо проектирования БД необходимо было создать сиды, которые автоматически заполняли некоторые таблицы, к которым пользователи не будут иметь какого либо прямого доступа.
Диаграммы ER-типа
Также были созданы диаграммы "Сущность-связь".
С их помощью можно наглядно увидеть взаимодействия между таблицами и проследить типы связей. В нашей БД использовались только связи один-ко-многим.
На основе данных диаграмм было необходимо связать таблицы в будущем сайте проекта.
Разработка
Создание HTML-разметки
Проектирование "скелета" сайта. Разработка структуры
Создание CSS-стилей
Стилизация элементов страниц. Проектирование согласно макету Figma
Разработка Backend
Реализация функций с помощью Laravel. Создание маршрутизации
Создание анимаций
Изменение элементов при наведении
Разработка лендинга
Проектирование макета, создание страницы и стилей к ней
Макеты были реализованы по заданной структуре, с сохранением стилей и работающими функциями!
Реализованный сайт доступен по ссылке.
В будущем:
◉ Реализация функций избранного, чата
◉ Добавление ИИ для подбора наиболее подходящих голосов
◉ Реализация изменения тем и редактирования данных пользователя
◉ Возможность востановления паролей по почте
