'Przelicznik walut' to aplikacja zbudowana przy użyciu biblioteki React.js.
Pozwala na łatwą i szybką konwersję walut na podstawie aktualnych kursów wymiany ze strony Narodowego Banku Polskiego (NBP).
Aplikacja wykorzystuje technologię 'fetch' do pobierania bieżących kursów wymiany walut z zewnętrznego źródła danych.
Dzięki obsłudze błędów za pomocą metody 'catch', aplikacja reaguje na sytuacje, w których pobieranie danych się nie powiedzie.
W przypadku wystąpienia błędu podczas pobierania aktualnych kursów walut, aplikacja automatycznie proponuje załadowanie ostatnio zapisanych kursów z local storage.
Umożliwia to użytkownikom dostęp do ostatnio zapisanych stawek w przypadku problemów z łącznością ze źródłem zewnętrznym.
Dodatkowo, aplikacja jest responsywna, płynnie dostosowując się do różnych rozmiarów ekranów i urządzeń.
- JavaScript ES6+ Features
- React.js
- JSX
- CSS
- Styled Components
- Media Queries
- Controlled Components
- Custom Hooks
- API Integration
Aby uruchomić program z repozytorium 'currency-converter-react' na swoim komputerze, wykonaj następujące kroki:
- Pobranie kodu źródłowego:
Sklonuj repozytorium ze strony GitHub na swój komputer lokalny za pomocą polecenia:
git clone https://github.com/mariuszmmm/currency-converter-react.git
- Instalacja zależności:
Przejdź do katalogu projektu, a następnie zainstaluj wszystkie wymagane zależności za pomocą menedżera pakietów, takiego jak npm:
cd currency-converter-react
npm install
- Uruchomienie aplikacji:
Po zainstalowaniu zależności, możesz uruchomić aplikację lokalnie. Użyj polecenia:
npm start
To polecenie uruchomi aplikację w trybie deweloperskim, otwierając ją w przeglądarce pod adresem http://localhost:3000.
Aplikacja jest w pełni responsywna i dostosowuje się do różnych urządzeń.
Zrzuty ekranu prezentują wygląd aplikacji zarówno na telefonach, jak i tabletach, pokazując, jak responsywnie dostosowuje się do zmiany rozmiaru ekranu.
