Expense Tracker
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 — швидка та сучасна збірка проєкту