MoneyGuard
MoneyGuard - aplikacja internetowa do zarządzania finansami
Zespółowy projekt fullstack do rejestrowania przychodów i wydatków użytkownika z analizą według kategorii i okresów. Pracowałem nad frontendem oraz częściowo nad backendem projektu, w ścisłej współpracy z zespołem.
Mój wkład w projekt:
rozwój responsywnych komponentów frontendowych EditTransactionForm oraz StatisticsTable;
wdrożenie formularzy z pełną walidacją i obsługą błędów (Formik, Yup);
aktualizacja salda oraz listy transakcji w czasie rzeczywistym po działaniach użytkownika;
wyświetlanie statystyk wydatków według kategorii za wybrany okres;
stylizacja komponentów za pomocą CSS Modules z obsługą mobile / tablet / desktop;
praca z gotowym REST API oraz uzgadnianie struktury danych z zespołem backendowym;
udział w części backendowej: middleware, utilities, częściowa dokumentacja API w Swagger.
Projekt zbudowany z naciskiem na zrozumiałą logikę biznesową, czystą architekturę komponentów oraz wygodne doświadczenie użytkownika.
Stos: React, Redux Toolkit, TypeScript, Formik, Yup, Node.js, Express, MongoDB, Swagger, CSS Modules, Git
Rola: Fullstack Developer (projekt zespołowy)
#frontend #react #redux #typescript #fullstack #teamwork #restapi #forms #dashboard #ui
Zespółowy projekt fullstack do rejestrowania przychodów i wydatków użytkownika z analizą według kategorii i okresów. Pracowałem nad frontendem oraz częściowo nad backendem projektu, w ścisłej współpracy z zespołem.
Mój wkład w projekt:
rozwój responsywnych komponentów frontendowych EditTransactionForm oraz StatisticsTable;
wdrożenie formularzy z pełną walidacją i obsługą błędów (Formik, Yup);
aktualizacja salda oraz listy transakcji w czasie rzeczywistym po działaniach użytkownika;
wyświetlanie statystyk wydatków według kategorii za wybrany okres;
stylizacja komponentów za pomocą CSS Modules z obsługą mobile / tablet / desktop;
praca z gotowym REST API oraz uzgadnianie struktury danych z zespołem backendowym;
udział w części backendowej: middleware, utilities, częściowa dokumentacja API w Swagger.
Projekt zbudowany z naciskiem na zrozumiałą logikę biznesową, czystą architekturę komponentów oraz wygodne doświadczenie użytkownika.
Stos: React, Redux Toolkit, TypeScript, Formik, Yup, Node.js, Express, MongoDB, Swagger, CSS Modules, Git
Rola: Fullstack Developer (projekt zespołowy)
#frontend #react #redux #typescript #fullstack #teamwork #restapi #forms #dashboard #ui