Web-интерфейс «Monobank Dashboard»
Назад к проектам

Web-интерфейс «Monobank Dashboard»

Web ApplicationReactTypeScriptTailwind CSS

О проекте

Разработка SPA на React + TypeScript с использованием Tailwind CSS v4. Реализована сложная анимационная логика через Framer Motion: адаптивная «шторка» (Bottom Sheet) для мобильных устройств, трансформирующаяся в модальное окно на десктопе. Внедрена архитектура компонентов с типизацией данных и кастомные хуки состояния.

🎯 Задача (Challenge)

Реализация реалистичного 3D-переворота карты (CSS 3D Transforms) и настройка условного рендеринга анимаций (AnimatePresence) для плавного поведения интерфейса на разных разрешениях экрана.

Информация

Stack
ReactTypeScriptTailwind CSSFramer Motion