Tracker wydatków
Expense Tracker — to aplikacja internetowa do osobistego zarządzania finansami. Umożliwia użytkownikom łatwe śledzenie przychodów i wydatków, przeglądanie całkowitego salda oraz elastyczne filtrowanie zapisów według dnia, miesiąca lub roku.
Użytkownicy mogą dodawać, edytować i usuwać zapisy, a także eksportować je do raportu CSV dla wygody. Aplikacja zawiera również autoryzację oraz spersonalizowane ustawienia, takie jak wybór języka, waluty, motywu (jasny/ciemny) oraz zmiana hasła.
Technologie:
React z hookami (useState, useEffect, useRef, useMemo) oraz Context API (useContext)
localStorage — przechowywanie zapisów, ustawień i stanu logowania
framer-motion — płynne animacje UI
i18next + react-i18next — pełne wsparcie dla lokalizacji
styled-components — stylizacja na poziomie komponentów
uuid — generowanie unikalnych ID zapisów
prop-types — walidacja propsów
recharts — wizualizacja danych w postaci wykresów
react-select — niestandardowy selektor
react-datepicker — elastyczny wybór daty
Vite — szybka i nowoczesna budowa projektu
Użytkownicy mogą dodawać, edytować i usuwać zapisy, a także eksportować je do raportu CSV dla wygody. Aplikacja zawiera również autoryzację oraz spersonalizowane ustawienia, takie jak wybór języka, waluty, motywu (jasny/ciemny) oraz zmiana hasła.
Technologie:
React z hookami (useState, useEffect, useRef, useMemo) oraz Context API (useContext)
localStorage — przechowywanie zapisów, ustawień i stanu logowania
framer-motion — płynne animacje UI
i18next + react-i18next — pełne wsparcie dla lokalizacji
styled-components — stylizacja na poziomie komponentów
uuid — generowanie unikalnych ID zapisów
prop-types — walidacja propsów
recharts — wizualizacja danych w postaci wykresów
react-select — niestandardowy selektor
react-datepicker — elastyczny wybór daty
Vite — szybka i nowoczesna budowa projektu