Book Notes — osobisty katalog przeczytanych książek

01Wygląd aplikacji

Celowo minimalistyczna estetyka — biała strona, Georgia serif, maksymalna szerokość 40em. Wygląd klasycznego bloga książkowego: zero kolorowych elementów, zero ikon, tylko tekst i okładki. Aplikacja ma dwa widoki: listę wszystkich książek i stronę szczegółów pojedynczej książki.

Widok listy — strona główna

strona główna — lista książek posortowana według oceny rekomendacji

Strona szczegółów — tryb czytania

strona szczegółów — widok notatek w trybie czytania

Strona szczegółów — tryb edycji

Kliknięcie przycisku Edit book details ukrywa paragrafy i odkrywa <textarea> z aktualną treścią — bez przeładowania strony, czystym JavaScriptem DOM API. Zapis przez standardowy formularz POST.

tryb edycji — teksty zamieniają się w textarea, przycisk ✓ zapisuje zmiany

02Jak działa aplikacja

Aplikacja używa wzorca POST → redirect → GET do wszystkich operacji. Kliknięcie tytułu lub “Read my notes” wysyła ukryty formularz POST z bookId, serwer pobiera dane z PostgreSQL i renderuje stronę szczegółów przez EJS. Sortowanie to osobny formularz POST do /sort z ukrytym polem sortType.

• Okładki przez Open Library — URL covers.openlibrary.org/b/isbn/{isbn}-M.jpg wstawiany przez EJS w atrybut src obrazu. Przeglądarka sama pobiera okładkę bezpośrednio — żadnych requestów z Node.js.
• Trzy tryby sortowania — jeden endpoint POST /sort, trzy zapytania SQL z różnym ORDER BY: tytuł ASC, data DESC, ocena DESC.
• Inline edit bez przeładowania — kliknięcie “Edit” wywołuje handler(), który ukrywa paragrafy i pokazuje textarea przez setAttribute/removeAttribute("hidden").
• Potwierdzenie usunięcia — confirmDelete() wywołuje przeglądarkowy confirm() przed wysłaniem formularza DELETE.

-- Trzy warianty sortowania — jeden endpoint, różne ORDER BY
SELECT * FROM books ORDER BY title ASC;           -- "title"
SELECT * FROM books ORDER BY readdate DESC;        -- "newest"
SELECT * FROM books ORDER BY recomendationratio DESC; -- "best"

-- Edycja — parametry pozycyjne chronią przed SQL injection
UPDATE books SET description = $1, notes = $2 WHERE id = $3;

03Routing

04Stack technologiczny

05Czego dowodzi ten projekt