Типо портфолио )
Фотография
нажмите — покажем
нажмите — покажем
Добрый вечер ! 👋
👍 Я хочу рассказать об одном из своих лучших проектов, над которым непрерывно работал почти целый месяц. Это полноценный, технологичный новостной сайт, разработанный в узнаваемом, строгом и авторитетном стиле BBC News.
Проект получился масштабным, и мне действительно есть чем похвастаться. Давайте разберем, как тут все устроено изнутри:
⭐ Главная панель (Home Page)
Это лицо сайта. Здесь реализована динамическая структура: на главной странице автоматически выводятся самые свежие и актуальные материалы. Сюда стекаются последние текстовые новости, свежие аудиоподкасты и видеоподкасты. Информационные потоки разделены так, чтобы пользователю было максимально удобно ориентироваться в контенте, прямо как на топовых мировых медиа-платформах.
📄 Гибкий Футер и управление категориями
Нижняя/Верхняя панель (футер) — это не просто статичная разметка. Она полностью управляется из админки. На сайте разделены три типа сущностей: обычные текстовые категории, аудиокатегории и видеокатегории.
Обычные категории обладают полной гибкостью: через Django-админку их можно в один клик добавлять в футер или убирать оттуда, если они стали неактуальными.
Аудио- и видеокатегории — это избранный, корневой контент. Они жестко закреплены на своих местах, так как медиа-хаб должен быть доступен пользователю всегда и в любой точке сайта.
🪙 Аналитика, просмотры и умная реклама (Advertisement)
Сайт полностью "живой" и собирает метрики. В системе кастомно реализован подсчет активности:
Учет просмотров: каждый раз, когда пользователь заходит в DetailView (подробную страницу поста) и читает статью или слушает подкаст, система фиксирует и накручивает просмотр. Ни один визит не остается незамеченным.
Рекламный движок (Ads System): на сайте интегрированы баннеры, имитирующие официальную рекламу. Но самое крутое — их логика прописана на бэкенде в Django. В админ-панели полностью отображается статистика: сколько раз баннер был показан (импрессии) и сколько конкретно человек по нему кликнуло. Скрипты четко фиксируют клики и перенаправляют пользователя.
🎨 Разнообразие шаблонов и стильный дизайн
Весь сайт выдержан в фирменном, чистом белом стиле с аккуратными контрастными блоками — ничего лишнего, фокус только на контенте. При этом логика страниц уникальна: у обычных новостей, аудио- и видеоподкастов абсолютно разные страницы деталей (details). Аудио-страница оптимизирована под прослушивание, видео-страница — под удобный плеер, а текстовая новость — под комфортное чтение с адаптивной версткой.
😐Панель для авторов (Writer Panel)
Для тех, кто наполняет сайт контентом, создано продвинутое рабочее пространство. Внутри Writer Panel есть четыре ключевых раздела:
Overview — главный дашборд автора. Здесь выводится общая статистика, графики активности и последние опубликованные посты.
News Studio — хаб для управления текстовыми статьями.
Video Desk — рабочее место для загрузки и модерации видеоматериалов.
Audio Hub — панель для контроля аудиоподкастов. Через этот интерфейс авторы могут на лету добавлять новые посты, удалять или редактировать старые, а также детально отслеживать статистику по каждому своему материалу.
👶 Зачем новостному сайту Личный Кабинет? (Профиль и Saved)
Обычно на чисто новостных ресурсах профили пользователей не делают, но я решил пойти дальше и добавил полноценный личный кабинет ради крутой фичи — раздела Saved (Закладки). Я добавил эту систему по приколу и для прокачки скиллов, но она идеально вписалась в логику сайта. Теперь пользователи могут авторизоваться и сохранять любимые аудиоподкасты и длинные статьи в свой личный профиль, чтобы послушать или дочитать их позже в любое удобное время.
👩💻 Этот проект объединил в себе сложную архитектуру баз данных, чистую верстку, кучу кастомной логики на Django(👩💻) и продвинутую систему аналитики. Месяц бессонных ночей определенно стоил того результата который получился!
Оценивайте скриншоты (в комментах) работы сайта, пишите в комментарии, как вам дизайн и функционал, мне очень важен ваш фидбек ! ❤️
2 · 921 ·