My Wallet
Разработан тёмный интерфейс веб-приложения для записи и отслеживания доходов и расходов в разрезе временных периодов.
Реализованный функционал:
Шапка приложения с названием и переключателем периодов (Week / Month / Year / All time) — реализован через группу кнопок с активным состоянием (active state через CSS-класс)
Двухколоночный layout на CSS Grid: лента транзакций (Feed) слева и сводная панель (Summary) справа
Блок Summary с сеткой показателей: Income (зелёный), Expenses (красный), Balance (жёлтый) — цветовое кодирование данных через CSS-переменные
Блок By Category для отображения расходов по категориям
Пустые состояния (empty states) для блоков без данных с подсказками пользователю
Фиксированная кнопка + Add entry внизу экрана (position: fixed / sticky) с скруглёнными краями и фиолетовым акцентным цветом
Тёмная тема оформления (dark theme) с многоуровневыми оттенками фона для создания визуальной глубины между слоями
Реализованный функционал:
Шапка приложения с названием и переключателем периодов (Week / Month / Year / All time) — реализован через группу кнопок с активным состоянием (active state через CSS-класс)
Двухколоночный layout на CSS Grid: лента транзакций (Feed) слева и сводная панель (Summary) справа
Блок Summary с сеткой показателей: Income (зелёный), Expenses (красный), Balance (жёлтый) — цветовое кодирование данных через CSS-переменные
Блок By Category для отображения расходов по категориям
Пустые состояния (empty states) для блоков без данных с подсказками пользователю
Фиксированная кнопка + Add entry внизу экрана (position: fixed / sticky) с скруглёнными краями и фиолетовым акцентным цветом
Тёмная тема оформления (dark theme) с многоуровневыми оттенками фона для создания визуальной глубины между слоями