Projekt w PHP z wykorzystaniem JavaScript, Bootstrap i MySQL na hostingu

Witaj!

Trzeba stworzyć narzędzie, którego głównym celem jest umożliwienie tworzenia "projektów" (stron z treścią, więcej o tym później) oraz stron w tych projektach, które mogą mieć elementy (tylko do tworzenia xml, bez kart produktów itp.) w PHP z użyciem JavaScript, Bootstrap i MySQL na hostingu.

Jeśli to możliwe: Elementy są ładowane bez przeładowania interfejsu.

Jak najprostsza autoryzacja (użytkownika dodajemy przez bazę), ale jest potrzebna (id, nazwa użytkownika, hasło md5).

Design: 

Poziome górne menu z dwiema stronami oraz przyciskiem LogOut: 

• Dashboard (główna) - pusta strona.
• Projekty (główna strona do pracy)

Tutaj będą dwie strefy robocze:

• Lewy bok (jak pionowe menu): tworzenie projektów i stron.
• Prawy bok (edycja treści wybranych stron)

Wszystko z użyciem elementów Bootstrap. Preferowane bez przeładowania interfejsu.

Szczegóły:

Lewy bok:

Obecny przycisk "Utwórz projekt" (tworzy główną stronę poziomu 0). Po naciśnięciu otwiera się PopUp z możliwością wprowadzenia nazwy projektu.

Po utworzeniu: Nowy element poziomu 0 pojawia się w lewej części i ma przycisk [+] po prawej stronie nazwy, do tworzenia podrzędnej strony już dla tej strony (poziom 1). 

I dalej, umożliwić tworzenie stron i podrzędnych stron do nich oraz wyświetlić w zrozumiałej formie dla użytkownika, ukrywać i odkrywać podrzędne elementy  (na przykład, jak w serwisie Notion (zrzut poniżej. Niestety nie wyświetla elementów dodawania nowych stron oraz ukrywania/odkrywania podrzędnych elementów).

Przykład struktury w jednym projekcie:

Projekt1

 - Strona_1

 - Strona_2

   -- Strona_2_1

   -- Strona_2_2

     --- Strona_2_2_1

     --- Strona_2_2_2

 - Strona_3

   -- Strona_3_1

   --- Strona_3_1_1

   --- Strona_3_1_2

   -- Strona_3_2

   -- ... i tak dalej

* w przykładzie wskazano zagnieżdżenie 3 poziomów, ale potrzeba przynajmniej 5 poziomów.

Prawy bok: (Po naciśnięciu na nazwę strony w lewym menu)

Ma 5 pól tekstowych, w tym:

1. input: Nazwa strony (do edycji) nazwy
2. input: test1
3. input: test2
4. input: test3
5. Pole: textarea

Przycisk "Zapisz zmiany" oraz przycisk "Usuń stronę" (Ważne: stronę można usunąć, jeśli strona nie ma podrzędnych elementów/stron).

Końcowe zadanie:

Po tym wszystkim, trzeba gdzieś sformować xml dla projektu (na 1 projekt - 1 xml), który będzie zawierał hierarchię oraz elementy, które są stronami projektu.

Zapewniam: Dostęp do FTP, Dostępy do bazy (pusta)

Lub wykonanie na Twoim hostingu z demonstracją funkcjonalności i przekazaniem kodu przez freelancehunt.

Jak najwięcej starałem się opisać potrzebną funkcjonalność.

Jeśli jesteś wolny i gotowy podjąć się tego zadania - proszę o przesłanie mi propozycji dotyczącej wykonania. Na pytania dotyczące zadania również odpowiadam.

Dziękuję za uwagę.