Do czego służy Flow Mapping?

Flow Mapping to lekki, przeglądarkowy „maper” ścieżek nauki i projektów. Tworzysz węzły (etapy, kroki, notatki), układasz je swobodnie na płótnie, śledzisz postęp i terminy, a wszystko zapisuje się lokalnie w Twojej przeglądarce. Eksport/Import JSON pozwala robić kopie i przenosić mapy między urządzeniami.

Najkrócej: plan → rozbij na węzły → ustaw status/procent/termin → przeciągnij, żeby poukładać → zapisuj migawki → eksportuj JSON dla kopii lub współdzielenia.

Spis treści

1) Szybki start

Uruchom aplikację i kliknij Nowa mapa.
Dodaj pierwszy Węzeł i nazwij go (kliknij tytuł, edytuj inline).
Zaznacz węzeł → w prawym Inspektorze ustaw Status, Postęp, opcjonalnie Deadline.

W każdej chwili zrób Checkpoint (migawka) i Eksport do pliku JSON.

2) Układ interfejsu

Sidebar „Projekty” (lewo)

Lista map (utworzone, importowane).
Zmiana nazwy, usuwanie mapy, przełączanie między mapami.

Canvas (środek)

Swobodne rozmieszczanie węzłów (drag & drop).
Podgląd postępu i statusu na węźle.

Inspektor (prawo)

Pola edycji zaznaczonego węzła: Tytuł, Opis, Status (todo/inprogress/done), Kolor, Postęp, Deadline.
Przyciski: Zapisz i Usuń (tylko dla zaznaczonego węzła).

3) Przyciski główne (górny pasek)

Nowa mapa — tworzy pustą mapę i ustawia ją jako aktywną.
Węzeł — dodaje nowy węzeł do bieżącej mapy.
Checkpoint — zapis migawki stanu (również Ctrl+S).
Eksport — pobiera plik .json z aktualną mapą i węzłami.
Import — wczytuje mapę z pliku .json (tworzy nową mapę z dopiskiem „(import)”).
Prezentacja — tryb prezentacyjny (ukrywa panele boczne, skupia na kanwie).

4) Praca z węzłami

Dodawanie: kliknij Węzeł (lub skrót N).
Zaznaczanie: kliknij węzeł — pojawi się edycja w Inspektorze.
Przeciąganie: chwyć węzeł i przesuń w dowolne miejsce (pozycja zapisuje się automatycznie).
Edycja tytułu: kliknij tytuł na węźle i wpisz własny.
Parametry w Inspektorze: status, kolor, postęp (0–100%), deadline (opcjonalny).
Usuwanie: przycisk „Usuń” w Inspektorze lub klawisz Delete.

5) Migawki (Checkpoint)

Migawka zapisuje stan bieżącej mapy i węzłów jako punkt odniesienia (timeline zmian). Wywołasz ją przyciskiem Checkpoint lub skrótem Ctrl+S.

Wskazówka: rób migawkę po większym bloku pracy (np. po dopracowaniu sekcji lub tygodniowym sprincie).

6) Eksport / Import JSON

Eksport

Kliknij Eksport.
Zapisz pobrany plik TwojaMapa.json w bezpiecznym miejscu (np. chmura, pendrive).

Import

Kliknij Import i wskaż plik .json.
Sprawdź podgląd i potwierdź — powstanie nowa mapa z dopiskiem „(import)”.

Format JSON zawiera metadane aplikacji, definicję mapy i listę węzłów.

7) Skróty klawiszowe

CtrlS — migawka (Checkpoint) N — nowy węzeł Delete — usuń zaznaczony węzeł

8) Dane i prywatność

Gdzie zapis? Lokalnie w przeglądarce w bazie IndexedDB o nazwie flowmapping (store’y: maps, nodes, snapshots).
Offline-first: Aplikacja nie wysyła danych na serwer — to Twoje prywatne notatki/projekty.
Kopie zapasowe: używaj Eksportu JSON jako backupu (polecane po każdym większym etapie).

9) Wymagania

Nowoczesna przeglądarka z włączonym IndexedDB (Chrome, Edge, Firefox, Safari, Brave itd.).
Niewyłączone mechanizmy prywatności blokujące pamięć przeglądarki (w trybie ścisłym/prywatnym niektóre przeglądarki mogą ograniczać zapisy).

10) FAQ / wskazówki

„Znikły moje mapy” — sprawdź, czy nie wyczyściłeś danych przeglądarki lub nie przełączyłeś profilu. Przywróć z eksportu JSON.
„Import mi nie działa” — upewnij się, że plik to poprawny .json z aplikacji (nie modyfikowany ręcznie).
„Chcę pokazać plan zespołowi” — użyj trybu Prezentacja i/lub wyeksportuj JSON, by ktoś wczytał u siebie.

11) Informacje o wersji

Aplikacja: Flow Mapping — wersja konfiguracji: 1.0.0. Zalecane: regularne migawki i eksport JSON dla kopii bezpieczeństwa.