logo
  • Główna
  • O mnie
  • Portfolio
  • Kontakt

Współpracujmy

kontakt@pawelbednarczyk.com

Hotel Assist

Hotel Assist to w pełni funkcjonalna aplikacja przeglądarkowa, umożliwiająca zarządzanie strukturą personelu w sieci hoteli.
Projekt powstał jako demonstracja integracji frontendu w czystym JavaScripcie z backendem zrealizowanym w Java oraz bazą danych w Supabase (PostgreSQL).

Funkcje aplikacji:

– CRUD dla każdej encji (pracownik, hotel, umiejętność, umowa).
– dynamiczne ładowanie danych z Supabase przez REST API.
– powiązania między tabelami – np. umiejętności przypisane do konkretnego pracownika.
– modale do dodawania i edycji rekordów z walidacją pól.
– podgląd danych powiązanych (pracownik → umiejętności + umowy).
– czytelna architektura JS – podział na moduły i kontrolery logiczne.
– responsywność – aplikacja dostosowuje się do różnych rozdzielczości

Baza danych i backend

Stworzyłem relacyjną strukturę w PostgreSQL hostowaną w Supabase:

  • employee — dane pracowników,
  • hotel — lista hoteli,
  • skill — lista umiejętności,
  • contract — umowy powiązane z pracownikiem i hotelem,
  • employee_skill — tabela relacji wiele-do-wielu.

Backend w Java (REST API) pośredniczy między frontendem a Supabase,
zapewniając bezpieczne zapytania HTTP
(GET, POST, PUT, DELETE).

Warstwa frontendowa (Vanilla JS + Fetch API)

  • Frontend w całości oparty o czysty JavaScript ES6 — bez frameworków.
  • Komunikacja z backendem poprzez fetch() i asynchroniczne zapytania do endpointów API.
  • Dynamiczne renderowanie tabel i formularzy na podstawie danych JSON.
  • Wykorzystanie prostych komponentów modali do dodawania, edycji i podglądu danych.

Interfejs użytkownika (UI/UX)

Jasna struktura i przyjazny interfejs z czterema głównymi sekcjami:

  1. Pracownicy
  2. Hotele
  3. Umiejętności
  4. Umowy

Każda sekcja posiada:

  • Tabelę danych,
  • Przyciski akcji (Podgląd / Edytuj / Usuń),
  • Formularz w modalu do dodania nowej pozycji.

Stylizacja wykonana w czystym CSS3, z gradientowym tłem i ciemnym motywem kart
(purpura + akcenty różu i zieleni).

Zobacz aplikację na żywo


KlientSide projectStackVanilla JavaScript, Java, SupabaseRok2025

  • Poprzedni projekt
  • Następny projekt

Współpracujmy

Nawigacja

Główna
O  mnie
Portfolio
Kontakt
Polityka  prywatności

Współpraca

kontakt@pawelbednarczyk.com

Obserwuj

Facebook
Youtube


©2025

Wszelkie prawa zastrzeżone

Polityka prywatności

Ta strona nie wykorzystuje plików cookies ani nie zbiera danych użytkowników. Więcej informacji znajdziesz w Polityce Prywatności.

Privacy Preference Center

Privacy Preferences

Privacy Policy