◈ разбор кейса

Сайт-портфолио с системой комментариев

Тот самый сайт, который вы сейчас читаете

DjangoSQLite/PostgreSQLCanvas APIIntersectionObserverCSS Custom Properties

01 Задача

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

02 Сложности

Хотелось «тяжёлого» визуала — частицы, параллакс, неон — но без просадки производительности на слабых ноутбуках и телефонах. Плюс безопасность: открытая регистрация и комментарии — это приглашение для спамеров.

03 Решение

Все анимации построил на transform и opacity, частицы рисую в одном Canvas с ограничением по количеству и паузой при уходе со вкладки. Появление блоков — через IntersectionObserver, а не скролл-листенер. Учёл prefers-reduced-motion. На бэкенде: CSRF, honeypot в форме, модерация комментариев в админке, секреты в переменных окружения.

04 Результат

Сайт остаётся плавным на мобильных, весь контент правится через админку без правки кода, а комментарии и заявки хранятся в базе и дублируются на почту.

★ Чему меня научил этот проект

Понял, как совмещать визуальные амбиции с адекватной производительностью, и окончательно разобрался с встроенной аутентификацией Django, включая восстановление пароля по e-mail.

Обсуждение

Комментарии к проекту

Комментарии доступны зарегистрированным пользователям.

Регистрация Войти

Комментариев пока нет — ваш будет первым.

Другие проекты

◆

Система управления задачами с аналитикой

SPA для команд: роли, канбан, графики продуктивности в реальном времени

Смотреть →

▣

Интерактивная доска для команды

Совместное рисование и заметки на Canvas через WebSocket

Смотреть →

⚡

E-commerce платформа с рекомендациями

Каталог, корзина, оплата и блок «вам может понравиться»

Смотреть →