# Bliveo — mockupy HTML

## Uruchomienie

1. Rozpakuj cały ZIP, zachowując strukturę katalogów.
2. Otwórz `index.html` w aktualnej przeglądarce z włączonym JavaScript.
3. Wybierz ekran w katalogu lub skorzystaj z wyszukiwarki.
4. Łącze „Wszystkie ekrany” prowadzi z powrotem do katalogu.

Nie trzeba instalować Node, Angulara ani żadnych zależności. Strony używają lokalnych plików CSS/JS, bez CDN, zewnętrznych fontów i wywołań API. Pakiet zawiera **136 widoków HTML** oraz katalog startowy.

## Zawartość

- `public/`: landing, kontakt, funkcje, cennik, FAQ oraz makiety dokumentów; także podglądy mobilne landing page'a i kontaktu.
- `auth/`: rejestracja, Entra/Google, odzyskanie dostępu, przestrzenie, profile i zaproszenia.
- `web/`: codzienna opieka, dziennik, leki, zadania, zakupy, kalendarz, rodzina, profile, uprawnienia i ustawienia.
- `mobile/`: te same funkcje w ramce telefonu, dodatkowo uproszczony widok i popupy mobilne.
- `dialogs/`: osobne adresy otwierające popup na tle właściwego ekranu.
- `states/`: brak dostępu, offline, błędy, ładowanie, wygasłe zaproszenie, sukces i płatności.
- `admin/`: odrębny panel administratora platformy.
- `assets/`: wspólny system wizualny i logika interakcji.
- `MAPA_EKRANOW.md`: pełna lista plików.
- `Bliveo_stack_technologiczny.md`: architektura ze zmienioną nazwą marki.

## Działające interakcje

Nawigacja między ekranami; wybór przykładowej przestrzeni; filtrowanie planu po osobie; zaznaczanie zadań i zakupów; wybór daty; otwieranie i zamykanie dialogów; wymagana walidacja formularzy; wybór osoby w raporcie; wpisanie USUŃ przy demonstracji usunięcia konta; komunikaty potwierdzające; FAQ; instrukcja instalacji aplikacji webowej.

## Zakres demonstracji

Wszystkie dane są przykładowe. Zmiany żyją tylko w bieżącym widoku i mogą zniknąć po odświeżeniu. Formularze nie wysyłają danych, nie ma prawdziwego konta Entra, tokenów, płatności, powiadomień ani instalacji PWA. Nazwa pliku ani przycisk w HTML nie zastępuje serwerowej autoryzacji panelu administratora. W produkcji wymagane są Entra, MFA, role i kontrola API opisane w architekturze. Polityka prywatności i regulamin są wyraźnie oznaczonymi makietami, nie zatwierdzonymi dokumentami prawnymi.

Opieka może obejmować dzieci, osoby z niepełnosprawnościami, seniorów i inne osoby potrzebujące wsparcia. Każda osoba ma własny profil i zakres dostępu; jedna opiekunka może zajmować się dwojgiem dzieci. Przypomnienie o leku nigdy nie oznacza potwierdzonego przyjęcia.

## Edycja

Widoki są prawdziwym HTML, nie osadzonymi zrzutami ekranu. Ekrany aplikacji korzystają z `assets/style.css` i `assets/app.js`; ich wariant określa `window.BLIVEO_PAGE` w danym HTML. Landing ma własne osadzone style i skrypt, aby zachować wcześniej uzgodniony wygląd. Kod jest prototypem w zwykłym JavaScript, a nie implementacją Angular/Flutter.

## Weryfikacja

Przed spakowaniem sprawdzono odnośniki lokalne, konfiguracje widoków, identyfikatory, składnię JavaScript i brak poprzedniej nazwy marki. Weryfikacja wizualna w prawdziwej przeglądarce zależy od dostępności środowiska podglądu; w tym środowisku nie była dostępna. Testy renderowania szablonów, składni, lokalnych odnośników i filtrowania po osobie przeszły poprawnie.