Powrót

PROJEKTY

TrackerPro

TrackerPro - Kompleksowa aplikacja do zarządzania aplikacjami o pracę, budżetem i oszczędnościami

TrackerPro to zaawansowana aplikacja webowa full-stack do zarządzania aplikacjami o pracę, budżetem wakacyjnym oraz oszczędnościami. Zbudowana z wykorzystaniem Symfony (backend) oraz React z TypeScript (frontend). Aplikacja jest konteneryzowana przy użyciu Docker, co zapewnia spójne środowisko deweloperskie i produkcyjne. Projekt zawiera kompleksowe pokrycie testami jednostkowymi i integracyjnymi zarówno na frontendzie (Vitest) jak i backendzie (PHPUnit), zapewniając wysoką jakość i niezawodność kodu.

TypeScriptReactSymfonyDockerPHPUnit
01

Dashboard - Panel główny

Dashboard to centralny punkt aplikacji, który prezentuje wszystkie kluczowe informacje w jednym miejscu. Użytkownicy mogą zobaczyć statystyki aplikacji o pracę (tygodniowe i miesięczne), przegląd budżetu wakacyjnego oraz najnowsze aplikacje. Panel został zaprojektowany z myślą o responsywności i intuicyjnym interfejsie użytkownika.

02

Moduł Aplikacji o Pracę

Moduł aplikacji o pracę umożliwia kompleksowe zarządzanie procesem rekrutacyjnym. Użytkownicy mogą dodawać aplikacje z informacjami o firmie, stanowisku i platformie rekrutacyjnej. System śledzi status aplikacji (złożona, zadanie rekrutacyjne, rozmowa, otrzymano pracę, odrzucona, brak odpowiedzi) oraz automatycznie zapisuje historię zmian statusu. Moduł oferuje zaawansowane filtrowanie, wyszukiwanie oraz statystyki miesięczne pokazujące efektywność procesu rekrutacyjnego.

03

Moduł Budżetu Wakacyjnego

Moduł budżetu wakacyjnego pozwala użytkownikom zarządzać finansami przeznaczonymi na wakacje. Użytkownicy mogą dodawać transakcje (wpływy i wypływy), tworzyć cele oszczędnościowe z określonymi kwotami docelowymi oraz śledzić postęp w ich realizacji. System automatycznie oblicza całkowite wpływy i wypływy oraz aktualizuje saldo budżetu. Dodatkowo, użytkownicy mogą ustawić liczbę miesięcy wakacyjnych, co pozwala na planowanie długoterminowe.

04

Moduł Oszczędności

Moduł oszczędności oferuje innowacyjne podejście do oszczędzania pieniędzy. Użytkownicy mogą oszczędzać na małe wydatki (np. napoje energetyczne) poprzez specjalny przycisk, który automatycznie dodaje określoną kwotę do oszczędności. Moduł umożliwia również wypłaty oraz transfer środków z oszczędności do budżetu wakacyjnego. System śledzi wszystkie transakcje, oblicza statystyki tygodniowe, miesięczne i roczne, co pozwala użytkownikom monitorować postępy w oszczędzaniu.

05

System uwierzytelniania

Aplikacja wykorzystuje zaawansowany system uwierzytelniania oparty na JWT (JSON Web Tokens). Rejestracja wymaga weryfikacji e-mail, co zapewnia bezpieczeństwo kont użytkowników. System obsługuje refresh tokens dla przedłużonej sesji oraz automatyczne odświeżanie tokenów. Wszystkie endpointy API są chronione autoryzacją, a użytkownicy mają dostęp tylko do swoich danych.

06

Backend - Symfony

Backend został zbudowany w Symfony 7.4. Aplikacja wykorzystuje Doctrine ORM do zarządzania bazą danych, Lexik JWT Bundle do uwierzytelniania oraz Nelmio CORS Bundle do obsługi żądań cross-origin. Architektura oparta jest na wzorcu MVC z warstwą serwisów odpowiedzialną za logikę biznesową. System wykorzystuje migracje bazy danych oraz walidację danych wejściowych.

07

Frontend - React & TypeScript

Frontend został stworzony w React 19 z TypeScript, wykorzystując Vite jako narzędzie budujące. Aplikacja używa React Router do nawigacji, Axios do komunikacji z API oraz i18next do internacjonalizacji. Interfejs został zaprojektowany z wykorzystaniem Tailwind CSS, zapewniając nowoczesny i responsywny design.

08

Technologie i Narzędzia

Projekt wykorzystuje nowoczesny stack technologiczny: TypeScript zapewnia bezpieczeństwo typów w całej aplikacji frontend, React 19 oferuje wydajny i responsywny interfejs użytkownika, Symfony 7.4 stanowi solidną podstawę backendu. Docker umożliwia konteneryzację aplikacji, zapewniając spójne środowisko deweloperskie i produkcyjne. Wszystkie technologie zostały starannie dobrane, aby zapewnić skalowalność, wydajność i łatwość utrzymania kodu.

09

Testy Jednostkowe i Integracyjne

Aplikacja posiada kompleksowe pokrycie testami, zapewniające wysoką jakość i niezawodność kodu. Testy jednostkowe (PHPUnit) pokrywają logikę biznesową w warstwie serwisów, testując poszczególne metody w izolacji. Testy integracyjne weryfikują współdziałanie różnych komponentów systemu, w tym kontrolerów, serwisów i repozytoriów. Wszystkie testy są automatycznie uruchamiane w procesie CI/CD, co zapewnia, że każda zmiana w kodzie jest natychmiast weryfikowana pod kątem poprawności działania.

10

Docker - Konteneryzacja

Aplikacja jest w pełni konteneryzowana przy użyciu Docker, co zapewnia spójne środowisko deweloperskie i produkcyjne. Docker Compose umożliwia łatwe zarządzanie wieloma kontenerami (backend, frontend, baza danych) oraz ich zależnościami. Konteneryzacja zapewnia izolację środowiska, łatwość wdrożenia oraz możliwość szybkiego skalowania aplikacji. Każdy kontener ma zdefiniowany Dockerfile, który opisuje jego konfigurację i zależności, co gwarantuje powtarzalność środowiska na różnych maszynach.

Projekt nie jest hostowany GitHub Frontend GitHub Backend