МаниГард

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 (командный проект)

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