MoneyGuard

MoneyGuard - web application for financial accounting

Team fullstack project for tracking user income and expenses with analytics by categories and periods. Worked on the frontend and partially on the backend part of the project, in close collaboration with the team.

My contribution to the project:

development of responsive frontend components EditTransactionForm and StatisticsTable;

implementation of forms with full validation and error handling (Formik, Yup);

updating the balance and transaction list in real-time after user actions;

displaying expense statistics by categories for the selected period;

styling components using CSS Modules with support for mobile / tablet / desktop;

working with a ready-made REST API and coordinating data structure with the backend team;

participation in the backend part: middleware, utilities, partial API documentation in Swagger.

The project is built with a focus on understandable business logic, clean component architecture, and a user-friendly experience.

Stack: React, Redux Toolkit, TypeScript, Formik, Yup, Node.js, Express, MongoDB, Swagger, CSS Modules, Git
Role: Fullstack Developer (team project)

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