Примеры работ и кейсы по направлению «Fullstack»

Репозиторий: https://github.com/Overl1te/mira-noir

Репозиторий: https://github.com/Overl1te/vanta-detail

Верстка по макету фигма: https://www.figma.com/design/ODvu3zvuKToCLy4mwq5JfI/Wishbone?node-id=0-1&t=UlrN4biMI55IEUPj-1 Репозиторий: https://github.com/Overl1te/Wishbone

Верстка по макету фигма: https://www.figma.com/design/H3ZlpMEl8cmYxOdtbZTUln/Our-Place?node-id=0-1&p=f&t=wFQgV5Mr1FsyWJFk-0 Репозиторий: https://github.com/Overl1te/Our-Place

Верстка по макету фигма: https://www.figma.com/design/mzGWcW9Vn0qJiI2aMtW95l/Finsweet?node-id=27-387&p=f&t=y2nJ4qSWPae1ZPBZ-0 Репозиторий: https://github.com/Overl1te/Finsweet

Верстка по макету фигма: https://www.figma.com/design/EEiUY5PZ7GiO2hYRth11Yy/SneakMax-YouTube?node-id=43-389&p=f&t=nRJlhc51jgNwzKbZ-0 Репозиторий: https://github.com/Overl1te/SneakMax

Верстка по макету Figma: https://www.figma.com/design/vTWRGS7iOAhrweUr4rsvRU/FromBoard-Delivery--For-Devs-?node-id=902-8&t=jGzZGCW0N0LyRINp-0 Репозиторий: https://github.com/Overl1te/Fromboard-Delivery

Верстка по макету фигма: https://www.figma.com/design/zR1XfguUZ5wWWOy6ah30Xq/konstruct-template?node-id=0-1&p=f&t=Fn0BrpKSYNxutCe1-0 Репозиторий: https://github.com/Overl1te/Konstrukt

Luck to Do — Стилизованный таск-менеджер с умным кэшированием Проект представляет собой кастомный Full-stack менеджер задач, стилизованный под уютный бумажный планер с текстурированной разлиновкой. Основной фокус при разработке был сделан на скорость работы интерфейса и оптимизацию бэкенда. Технический стек: Next.js (App Router), TypeScript, PostgreSQL (Supabase), Prisma ORM, NextAuth, SWR, Tailwind CSS, next-intl. Что было реализовано: 1. Мгновенный отклик (Optimistic UI): Интегрирована библиотека SWR от Vercel. Состояние чекбоксов и добавление задач обновляются на клиенте без задержек (0 мс), а синхронизация с базой данных происходит в фоне. Это полностью устранило проблему «мигания» старых данных при перезагрузке страниц. 2. Фоновый сборщик мусора: Разработана система умных таймеров в useEffect. После выполнения задачи у пользователя есть 30 минута на отмену. Затем приложение делает один безопасный DELETE-запрос в базу данных. Для защиты бэкенда от спама и гонки условий (race conditions) запросы изолированы через кэширующие структуры Set. 3. Умная сортировка: Написан алгоритм динамического ранжирования по весу приоритетов (high -> medium -> low), при этом выполненные задачи плавно опускаются вниз. 4. Безопасность и i18n: Доступ к REST API строго изолирован на уровне сессий пользователей через NextAuth. Реализована полная мультиязычность приложения (русский и английский языки).

Разработка интерактивного многостраничного веб-сайта «Space Exploration» Стек: TypeScript, HTML5, CSS3, Tailwind CSS. Хостинг и деплой: Vercel. Ключевой функционал проекта: • Data-Driven архитектура: Вся текстовая информация, структура меню, карточки планет, данные о космонавтах и пути к изображениям динамически подгружаются из локального JSON-файла. • Строгая типизация: Интерфейсы написаны на TypeScript, что обеспечивает полную безопасность данных при рендеринге и исключает ошибки в рантайме. • Интерактивный UI/UX: Переключение между 4 страницами реализовано через удобную верхнюю навигацию. Движение элементов и плавный сдвиг изображений по клику на кнопки реализованы с помощью оптимизированных CSS-переходов (transitions) на чистом коде, без использования тяжелых сторонних библиотек. • 100% адаптивность: Интерфейс полностью оптимизирован под любые устройства с использованием утилитарных классов Tailwind CSS. Сайт одинаково быстро и корректно работает как на смартфонах, так и на десктопах. Проект демонстрирует навыки чистой верстки, построения логики на TypeScript и работы со структурированными данными.