MoneyGuard

MoneyGuard - веб-застосунок для фінансового обліку

Командний fullstack-проєкт для обліку доходів і витрат користувача з аналітикою за категоріями та періодами. Працювала над frontend та частково backend-частиною проєкту, у тісній взаємодії з командою.

Мій вклад у проєкт:

розробка адаптивних frontend-компонентів EditTransactionForm та StatisticsTable;

реалізація форм з повною валідацією та обробкою помилок (Formik, Yup);

оновлення балансу та списку транзакцій у реальному часі після дій користувача;

відображення статистики витрат за категоріями за вибраний період;

стилізація компонентів за допомогою CSS Modules з підтримкою mobile / tablet / desktop;

робота з готовим REST API та узгодження структури даних з backend-командою;

участь у backend-частині: middleware, utilities, часткова документація API у Swagger.

Проєкт побудований з фокусом на зрозумілу бізнес-логіку, чисту архітектуру компонентів та зручний користувацький досвід.

Стек: React, Redux Toolkit, TypeScript, Formik, Yup, Node.js, Express, MongoDB, Swagger, CSS Modules, Git
Роль: Fullstack Developer (team project)

#frontend #react #redux #typescript #fullstack #teamwork #restapi #forms #dashboard #ui