Należy w gotowym projekcie React Zrealizować 5 okien modalnych dla PC i dla urządzeń mobilnych
Jest gotowy archiwum, interfejs webowy, do którego należy dodać 5 okien modalnych z logiką
Zrealizować animację i logikę pojawiania się 5 instrukcyjnych kroków (“step by step”):
• Wyświetlane tylko przy pierwszym wejściu użytkownika do dziennika.
• Użytkownik musi przejść wszystkie kroki przy pierwszym wejściu do dziennika jeden raz, z jednego konta, jeśli osoba wchodzi ponownie do dziennika ze swojego konta, ale z innej przeglądarki, nie należy wyświetlać tych 5 kroków
• Powtórne wywołanie instrukcji ma być dostępne przez przycisk “i” (info).
Zrealizować logikę wyświetlania codziennego stanu użytkownika (mood):
• użytkownik najpierw wybiera swój stan przy pierwszej sesji w dzienniku za dzień
Kod musi być kompatybilny z obecną infrastrukturą Docker.
• Uwzględnić mobilną i desktopową responsywność (zgodnie z makietami w Figma).
Również stworzyć inne okno modalne, jak na zdjęciu 2 i zrobić je ukryte oraz napisać funkcję, dzięki której można je wywołać, z backendu
Załączniki 2
-
Cześć, pracowałem nad projektem "React modalne okna dla platformy edukacyjnej" ✅, gdzie zrealizowałem 7 kroków instrukcji oraz responsywność dla urządzeń mobilnych i PC.
Czy dobrze rozumiem, że należy przechowywać stan postępu instrukcji w lokalnej pamięci przeglądarki, a nie na backendzie?
Proponuję się skontaktować, chętnie doradzę Ci bezpłatnie z technicznej strony i stworzymy plan rozwoju + opowiem o moim zespole! ✨
-
140 Cześć
Jestem frontendową deweloperką z doświadczeniem w React, Next, HTML, CSS/SCSS i JavaScript. Pracuję z responsywnymi układami, animacjami i integracją logiki w gotowe projekty, kompatybilne z Dockerem.
Mogę zrealizować twoje 5 modalnych okienek “step by step”, aby były wyświetlane tylko przy pierwszym wejściu użytkownika, z możliwością ponownego wywołania przez przycisk “i”, a także dodatkowe modalne okno z backend-trigger. Wszystkie modalne okna będą responsywne dla urządzeń mobilnych i desktopowych, z płynną animacją i integracją codziennego stanu użytkownika (mood).
Biorąc pod uwagę zakres pracy, integrację w gotowy projekt React i testowanie, orientacyjny koszt — 4000–5000 zł. Jestem gotowa rozpocząć od razu po potwierdzeniu szczegółów.
-
326 Dzień dobry! 👋
Jestem deweloperem frontendowym React z doświadczeniem w pracy z komponentami modalnymi, onboardingiem krok po kroku oraz responsywnym układem w istniejących projektach.
Jestem gotów szybko zintegrować potrzebne okna modalne w Twojej istniejącej aplikacji React, zachowując aktualną strukturę projektu i kompatybilność z Dockerem.
🔧 Co zrealizuję
* 5 modalnych okien krok po kroku (onboarding)
** Wyświetlane tylko przy pierwszym wejściu użytkownika do dziennika (poprzez zapisanie statusu na backendzie).
… ** Ponowne otwarcie dostępne przez przycisk “i”.
** Animacje przejść oraz poprawne zamykanie/omijanie kroków.
** Wsparcie dla wersji PC i mobilnej zgodnie z makietami w Figma.
* Codzienny selektor nastroju
** Zapisanie stanu użytkownika przy pierwszej sesji dnia.
** Interakcja z backendem przez REST lub GraphQL (jak w aktualnym projekcie).
* Dodatkowe okno modalne (zgodnie z zdjęciem #2)
** Układ i animacja zgodnie z projektem.
** Domyślnie ukryte, wywoływane przez zdarzenie/funkcję z backendu.
* Integracja techniczna
** Wsparcie istniejącej architektury i infrastruktury Docker.
** Podłączenie w formie komponentów, bez naruszania istniejącej logiki aplikacji.
** Responsywny i wielobrowersowy układ.
-
3698 111 3 5 Witaj, Stanisław!
Realizuję layout i logikę kroków instrukcji oraz modalności.
Z poważaniem, Jurij
-
95862 1272 1 10 Witaj. Mam duże doświadczenie z React. Jestem gotowy do współpracy. Proszę o kontakt.
-
914 32 3 Dzień dobry. Jestem frontendowym deweloperem z ponad 10-letnim doświadczeniem. Specjalizuję się w React. Jestem gotowy do wykonania twojego zadania. Skontaktuj się, popracujemy.
Aktualne zlecenia dla freelancerów w kategorii Układ HTML i CSS
Trzeba zrobić coś podobnego na wideo, to po prostu strona internetowa z panelem administracyjnym.
82 PLN
trzeba zrobić coś podobnego na wideo, to po prostu strona internetowa z panelem administracyjnym można tam zmieniać kwotę, stawkę, współczynnik meczu i tak dalej, co jest ode mnie wymagane? html strony ze stawką? dajcie feedback na dwóch językach potrzebne Układ HTML i CSS, PHP ∙ 28 minut temu ∙ 3 oferty |
Webflow deweloper do wypełnienia stron portfolio na stronieStrona została stworzona na zamówienie w Webflow dla firmy budowlanej, trzeba szybko wypełnić strony projektów według jednego szablonu (zamienić zdjęcia i teksty) Dla 2 języków Liczba - 6 sztuk Jesteśmy gotowi zacząć jak najszybciej, dziękuję! Układ HTML i CSS, Programowanie stron internetowych ∙ 5 godzin 36 minut temu ∙ 25 ofert |
Wykonanie i wdrożenie strony internetowej firmy budowlanej (segment premium) na WordPressie z naciskiem na SEOOpis projektu: Szukamy doświadczonego dewelopera WordPress do wdrożenia i osadzenia gotowego projektu graficznego z Figma na CMS WordPress. Ważny kontekst projektu: To nie jest rozwój strony od podstaw. Firma ma działającą stronę, aktualizujemy strukturę i design. Musimy… Układ HTML i CSS, Programowanie stron internetowych ∙ 10 godzin 18 minut temu ∙ 48 ofert |
Przeniesienie strony z OpenCart na platformę KhoroshopDzień dobry. Jest strona na OpenCart, sklep internetowy. Należy przenieść strukturę strony na platformę GoodShop, dobrać design dla nowej strony i uczynić ją w pełni funkcjonalną. Układ HTML i CSS, Programowanie stron internetowych ∙ 1 dzień 6 godzin temu ∙ 29 ofert |
Potrzebny silny specjalista WordPress / WooCommerce do dopracowania strony MARSPROPoszukujemy odpowiedzialnego freelancera lub małego zespołu do jakościowego zakończenia i technicznego dopracowania strony internetowej firmy MARSPRO. Strona już działa, ale po poprzednim deweloperze pozostało wiele drobnych i ważnych problemów technicznych. Potrzebujemy osoby,… Content Management Systems, Układ HTML i CSS ∙ 2 dni 7 godzin temu ∙ 44 oferty |