Main Page / Portfolio

Это современное Full-stack веб-приложение, представляющее собой интерактивную персональную страницу со встроенной легковесной системой аналитики.

Проект создан с упором на высокую производительность, плавный пользовательский опыт (UX) и чистую архитектуру.

🛠 Стек технологий

• Фронтенд: Next.js 16 (App Router), React 19, TypeScript, Tailwind CSS 4.
  • Анимации и UX: Framer Motion, Lenis (плавный скролл).
  • Дизайн: Тёмная тема с элементами Glassmorphism (эффект матового стекла).
• Бэкенд: FastAPI (Python), Pydantic.
• База данных: PostgreSQL 15. Взаимодействие реализовано через пулы соединений (psycopg) и оптимизированные сырые SQL-запросы (без тяжелых ORM).
• Инфраструктура: Docker, Docker Compose, Nginx.

📊 Кастомная аналитика

Вместо сторонних трекеров (Google Analytics, Яндекс.Метрика), в приложении реализован собственный приватный сервис сбора статистики.

Он отслеживает:

• Просмотры страниц (Total visits).
• Уникальных посетителей (Unique visitors) с использованием безопасных first-party Cookies (без fingerprinting).
• Взаимодействие с медиа: логгирование прослушивания треков (событие засчитывается только при прослушивании более 30 секунд).

🚀 Развертывание

Проект полностью контейнеризован. Фронтенд собирается через оптимизированный multi-stage build. Для запуска всего стека (Frontend, Backend API, PostgreSQL) на сервере достаточно одной команды:

docker compose up --build -d

Приложение будет работать в фоновом режиме и пробросит порт 8080 (доступно по http://localhost:8080).