OnepageOnepage Tagline Editor
Zadanie rekrutacyjne: edytor tagów z podglądem na żywo, zmianą kolejności przez przeciąganie i ustawieniami stylu.
Makiety na urządzeniach i zrzuty publicznych stron z października 2026 r. Strony mogą zawierać zmiany wprowadzone po moim udziale.
Przegląd
W ramach zadania technicznego dla Onepage zbudowałem edytor elementu tagline w kreatorze stron. Panel ustawień aktualizuje podgląd na żywo tagów, ich kolejności i wyglądu. To samodzielne demo rekrutacyjne. Zapis przez API jest symulowany.
Cel
Odwzorować dostarczony projekt i ułatwić rozbudowę edytora o nowe typy elementów, ustawienia i stany interfejsu.
Moja praca
Zbudowałem edytor w React, TypeScript i MobX. Osobne magazyny domeny i interfejsu zarządzają stanem, a panele wielokrotnego użytku obsługują edycję tagów, kolejność metodą przeciągnij i upuść oraz style.
Rezultaty
- Pływający panel ustawień z 3 nawigowanymi podpanelami (lista, utwórz/edytuj, style)
- Podgląd na żywo z synchronizacją stylów w czasie rzeczywistym we wszystkich 4 wariantach, 5 rozmiarach, 5 promieniach
- Zmiana kolejności tagów poprzez przeciągnięcie na liście paska bocznego i podglądzie kanwy
Masz pomysł na projekt?
Opowiedz, co chcesz stworzyć. Omówimy zakres i kolejne kroki.
