Specyfikacja techniczna

1. Cel

Przenieść blok z gotowego szablonu dla WordPress, który będzie zawierał menu oraz strony, które będą przełączane przez to menu. Blok powinien mieć funkcjonalność do zmiany treści stron i menu, a także możliwość dodawania i usuwania stron oraz pozycji w menu. Musi być zintegrowany w blokową strukturę WordPress przez panel administracyjny.

2. Wymagania funkcjonalne

2.1 Menu

• Dodawanie, edytowanie i usuwanie pozycji menu przez panel administracyjny.

2.2 Strony

• Dynamiczne ładowanie treści stron przy przełączaniu pozycji menu lub wykorzystanie niezbędnych zdarzeń do osiągnięcia podobnego efektu.

• Możliwość dodawania nowych stron, edytowania i usuwania istniejących.

• Edytowanie treści stron przez panel administracyjny WordPress.

2.3 Integracja

• Blok musi być zintegrowany w blokową strukturę WordPress (Gutenberg lub kompatybilna struktura).

• Pełne lub częściowe (do omówienia osobno) wsparcie edytora bloków WordPress dla wygodnego zarządzania treścią.

3. Wymagania technologiczne (styk może być omówiony osobno)

• JavaScript – do dynamicznego ładowania treści i interakcji z użytkownikiem.

• PHP – do opracowania części backendowej i pracy z bazą danych WordPress.

• HTML – do oznaczania bloku.

• SCSS – do stylizacji bloku z wsparciem dla responsywnego designu.

4. Design

• Design zostanie dostarczony w osobnym pliku (makieta w Figma lub innym formacie).

• Blok musi w pełni odpowiadać designowi i mieć responsywny układ.

5. Wymagania funkcjonalne

1. Responsywność – poprawne wyświetlanie na wszystkich typach urządzeń (desktop, tablet, smartfon).

2. Optymalizacja – kod bloku musi być zoptymalizowany dla szybkiego ładowania i odpowiadać standardom web developmentu.

3. Bezpieczeństwo – ochrona przed XSS i SQL injection.

6. Etapy rozwoju

6.1 Planowanie

• Analiza wymagań.

• Tworzenie struktury bloku.

6.2 Rozwój

• Opracowanie bloku.

• Rozwój funkcjonalności menu i stron.

• Integracja z panelem administracyjnym WordPress.

6.3 Testowanie

• Sprawdzenie funkcjonalności.

• Testowanie na różnych urządzeniach i przeglądarkach.

• Sprawdzenie zgodności z designem.

6.4 Wydanie

• Włączenie pracy do gałęzi dev w Git.

• Przekazanie dokumentacji dotyczącej użycia bloku (do omówienia).

Prawa własności intelektualnej i warunki dostępu

• Wykonawca uzyskuje dostęp do materiałów zamawiającego (kod źródłowy, design, bazy danych, infrastruktura serwerowa itp.) wyłącznie w celu realizacji tej specyfikacji technicznej.

• Wszystkie prawa majątkowe do wskazanych materiałów, w tym modyfikacje i poprawki, pozostają przy zamawiającym.

• Wykonawca nie ma prawa używać, zmieniać, rozpowszechniać ani przekazywać osobom trzecim jakichkolwiek materiałów bez wcześniejszej zgody zamawiającego.

• Po zakończeniu prac wykonawca zobowiązany jest przekazać zamawiającemu wszystkie zaktualizowane pliki, kod źródłowy, dostęp do serwerów, baz danych oraz inną dokumentację techniczną, stworzoną lub wykorzystaną podczas realizacji projektu.

tutaj nasz design w figma. Ten, który "harmonijka".