Finance Notebook

Aplikacja webowa do zarządzania finansami — notatnik, kursy walut i kryptowalut, kalkulator profitów.

Funkcjonalności

• Dashboard — przegląd finansów, waluta i krypto dnia, łączny zysk/strata
• Notatnik — tworzenie, edycja, usuwanie i wyszukiwanie notatek
• Kursy walut — top 10 walut w stosunku do PLN (auto-odświeżanie co 5 min)
• Kursy kryptowalut — top 10 kryptowalut z ceną, zmianą 24h, kapitalizacją (auto-odświeżanie co 60s)
• Kalkulator profitów — rejestracja kupna/sprzedaży, obliczanie zysku/straty, historia transakcji

Tech Stack

• React 18 + TypeScript
• Vite
• Tailwind CSS 4
• React Router v6
• LocalStorage (persystencja danych)
• Frankfurter API (kursy walut)
• CoinGecko API (kursy kryptowalut)

Uruchomienie

npm install
npm run dev

Aplikacja uruchomi się na http://localhost:5173.

Build

npm run build

Pliki produkcyjne znajdziesz w katalogu dist/.

Struktura projektu

src/
├── components/          # Komponenty UI
│   ├── Layout.tsx       # Sidebar + Header
│   ├── notes/           # Komponenty notatek
│   ├── currencies/      # Tabela walut
│   ├── crypto/          # Tabela kryptowalut
│   └── calculator/      # Formularz i lista transakcji
├── pages/               # Strony aplikacji
├── hooks/               # Custom React hooks
├── services/            # Wywołania API
└── types/               # Typy TypeScript