Трекер расходов
Expense Tracker — это веб-приложение для личного финансового контроля. Оно позволяет пользователям легко отслеживать доходы и расходы, просматривать общий баланс и гибко фильтровать записи по дню, месяцу или году.
Пользователи могут добавлять, редактировать и удалять записи, а также экспортировать их в CSV-отчет для удобства. Приложение также содержит авторизацию и персонализированные настройки, такие как выбор языка, валюты, темы (светлая/темная) и изменение пароля.
Технологии:
React с хуками (useState, useEffect, useRef, useMemo) и Context API (useContext)
localStorage — сохранение записей, настроек и состояния входа
framer-motion — плавные UI-анимации
i18next + react-i18next — полная поддержка локализации
styled-components — стилизация на уровне компонентов
uuid — генерация уникальных ID записей
prop-types — валидация пропсов
recharts — визуализация данных в виде графиков
react-select — кастомный селект
react-datepicker — гибкий выбор даты
Vite — быстрая и современная сборка проекта
Пользователи могут добавлять, редактировать и удалять записи, а также экспортировать их в CSV-отчет для удобства. Приложение также содержит авторизацию и персонализированные настройки, такие как выбор языка, валюты, темы (светлая/темная) и изменение пароля.
Технологии:
React с хуками (useState, useEffect, useRef, useMemo) и Context API (useContext)
localStorage — сохранение записей, настроек и состояния входа
framer-motion — плавные UI-анимации
i18next + react-i18next — полная поддержка локализации
styled-components — стилизация на уровне компонентов
uuid — генерация уникальных ID записей
prop-types — валидация пропсов
recharts — визуализация данных в виде графиков
react-select — кастомный селект
react-datepicker — гибкий выбор даты
Vite — быстрая и современная сборка проекта