Stos: React+Vite
Frontend
Projekt umożliwia użytkownikom stworzenie sklepu z cyfrowymi produktami, korzystając z wcześniej przygotowanych szablonów. Każdy szablon jest zestawem komponentów (na przykład różne style stopek, kategorie produktów, paski boczne itp.), które użytkownik może wybierać i łączyć, aby stworzyć unikalny sklep.
Przykład: Szablon "Standard 1" może zawierać 5 różnych stopek, 5 wariantów zakładek kategorii, 5 różnych pasków bocznych oraz inne elementy. Użytkownik może dostosować swój sklep, wybierając komponenty z tego zestawu, tworząc tym samym indywidualny design i funkcjonalność.
Co musimy zrobić: Edytor musi być w pełni funkcjonalny, aby użytkownik mógł wprowadzać zmiany w wcześniej przygotowanym szablonie strony. Główne wymaganie: w trakcie edytowania użytkownik musi widzieć dokładną kopię swojej strony, uwzględniając wszystkie zmiany, które już wprowadził (jeśli je wprowadzał).
Po zakończeniu edytowania i naciśnięciu przycisku "Zapisz", zmiany powinny natychmiast pojawić się na jego stronie, tzn. na jego domenie lub domenie (subdomenie). Oznacza to, że cała praca wykonana w edytorze musi być przeniesiona na żywą stronę od razu po zapisaniu.
Podstawowe funkcje edytora:
1. Zmiana tekstu – użytkownik musi mieć możliwość edytowania dowolnego tekstu na stronie, który mu udostępniamy do edytowania (nagłówki, opisy, przyciski itp.).
2. Zmiana elementów wizualnych – należy zapewnić narzędzia do edytowania wizualnych składników:
Kolory
Czcionki
Obrazy (GIF)
i inne
3. Wizualizacja w czasie rzeczywistym w edytorze – zmiany wprowadzone przez użytkownika w edytorze powinny natychmiast pojawiać się na ekranie, tak aby osoba widziała, jak jej strona będzie wyglądać po zmianach (naciśnięciu przycisku “zapisz”). Mamy zaprojektowany przyjazny dla użytkownika interfejs, który ma maksymalnie ułatwić użytkownikowi korzystanie z usługi i stworzenie strony do sprzedaży cyfrowych produktów.
4. Elastyczność – użytkownik musi mieć możliwość dodawania nowych elementów (na przykład nowe bloki z tekstem, obrazy, przyciski) lub zmieniania istniejących bez konieczności programowania. (Te bloki są już wcześniej zaprojektowane i będą umieszczone w szablonie, który udostępniamy użytkownikowi)