Tworzenie komponentu na Angularze do tworzenia i edycji testów.
Ustawienie i usuwanie: Użytkownik umieszcza kursor w polu wprowadzenia i może edytować tekst
Tryb przeglądu: pole wprowadzenia, użytkownik ma możliwość drukowania odpowiedzi
Działanie elementu interaktywnego droppdown (Select).Stan początkowy: W tekście znajduje się płyta drupdown z jedną opcją: "Dodaj odpowiedź".Dodaj odpowiedź: Wybierając opcję Dodaj odpowiedź, pojawi się nowa opcja (pole do wprowadzania tekstu) powyżej bieżącej wybranej opcji.Użytkownik może natychmiast rozpocząć wprowadzanie tekstu do tej opcji.Przy każdej opcji - checkbox pozwala oznaczyć odpowiedź jako prawidłową.Opcja "Dodaj odpowiedź" automatycznie porusza się w dół, stając się ostatnim elementem w dropdown.Redukcja i usuwanie: Aby edytować opcję, użytkownik otwiera dropdown i wybiera opcję do edycji, po której opcja przechodzi do stanu edycji, a użytkownik może zmienić jej tekst.W pobliżu każdej opcji przycisk usunięcia.Podczas usuwania musi pojawić się pop z potwierdzeniem.Wyjście z trybu sterowania po skoncentrowaniu lub naciśnięcie Enter.Ukończenie edycji: Po dodaniu wszystkich niezbędnych opcji użytkownik może po prostu skoczyć poza drupdown, a on "zatrzyma się" w takim stanie.Jeśli użytkownik zdecyduje się wrócić i edytować go, może po prostu kliknąć na dropdown i kontynuować edytowanie.Tryb przeglądu: zwykły dropdown z zestawem opcji, które zostały dodane do trybu edycji.Dostosowalność i urządzenia mobilne: Upewnij się na urządzeniach mobilnych, że drupdown jest łatwy w otwarciu i edycji, a wszystkie elementy sterowania mają wygodny rozmiar do dotyku palcem.Usuwanie elementu: można go usunąć, umieszczając kursor poza elementem i naciśnij klawisz backspace lub umieszczając kursor przed elementem i naciśnij
Projektowanie: Łakoniczny, minimalistyczny interfejs.Rozszerzalność: Zestaw dostępnych elementów interaktywnych powinien być łatwo rozszerzony, aby w przyszłości można było dodać nowe rodzaje elementów interaktywnych bez konieczności pełnego odtwarzania składnika.Wymagania dotyczące kodu: Kod musi być zorganizowany w taki sposób, aby był łatwy w rozdzielaniu przez innego deweloperów.Funkcjonalność powinna być podzielona na części logiczne (module, komponenty, usługi), z których każda decyduje o swoim zadaniu.Kod musi być napisany w taki sposób, aby dodawanie nowej funkcji lub zmiana istniejącej nie wymagało dużych zmian w już napisanej kodzie.Kod musi być zgodny z przyjętymi standardami i najlepszymi praktykami rozwoju na Angularze.Wsparcie dla mobilnego projektu: tak
Dodajmy przykład ogólnego zachowania redaktora.
Załączniki 1
Plik z rezultatem
Opinia zleceniodawcy o współpracy z Oleksii Bober
Tworzenie komponentu na Angularze do tworzenia i edycji testów.Chciałbym wyrazić swoją satysfakcję z pracy, która została wykonana. Składnik został zaprojektowany na wysokim poziomie, biorąc pod uwagę wszystkie specyfikacje i wymagania.
Dziękuję za wspaniałą pracę i polecam współpracę.
Opinia freelancera o współpracy z Rodion Rudenko
Tworzenie komponentu na Angularze do tworzenia i edycji testów.Cieszę się, że pracowałem z Rodionem. Mając techniczny tło, zadania są postawione wyraźnie i wyraźnie. Uwaga tylko w sprawach. Zawsze na łączu.
-
8157 61 0 Witajcie ! Mam duże doświadczenie w pracy z Angularem, a także CKEditor 4/5 i ich kasztomizacją.
Zwróć się, zrobię to dobrze.
-
1145 37 3 3 Cześć, pracuję głównie z angularem, bardzo ciekawa idea składnika, do 14 dni z naprawami
-
940 20 3 1 Dobry dzień . Interesuje mnie Twój projekt. Wygląda na to, że wykonuje się w Vue 3. Bez problemu mogę wykonać na Angularze. Doświadczenie w pracy z tym frameworkem 3+ lat. Moja portfolio strony jest tutaj: https://willowy-liger-0cb750.netlify.app. Piszmy, porozumimy się
Aktualne zlecenia dla freelancerów w kategorii Javascript & Typescript
Rozwój platformy AM Mobility (serwis samochodowy, parking, ubezpieczenie, wynajem samochodów)
21 265 PLN
Szukamy zespołu lub doświadczonego programisty Full Stack do stworzenia MVP platformy AM Mobility. AM Mobility to jednolita cyfrowa ekosystem dla kierowców, łącząca w jednej aplikacji i platformie internetowej: parking; serwis samochodowy; wulkanizację; myjnię samochodową;… Javascript & Typescript, Programowanie stron internetowych ∙ 2 dni 3 godziny temu ∙ 99 ofert |
Animacje Gsap
82 PLN
Dzień dobry. Trzeba wprowadzić poprawki w bieżącym projekcie. Potrzebny specjalista, który dobrze pracuje na gsap/lenis Trzeba zrobić animację kart. Szczegółowe wymagania tutaj:… Javascript & Typescript, Programowanie stron internetowych ∙ 2 dni 9 godzin temu ∙ 21 ofert |
Komercyjna platforma wideokonferencyjna on-premise „ViM”Wymagana jest opracowanie systemu wideokonferencyjnego on-premise z podstawowym obliczeniem na 100 jednoczesnych połączeń (10 izolowanych pokoi po 10 osób). Platforma powinna mieć wbudowaną architekturę do przyszłego poziomego skalowania do 1000 użytkowników poprzez dodawanie… Javascript & Typescript, Programowanie stron internetowych ∙ 3 dni 4 godziny temu ∙ 32 oferty |
Szukam mentora z Claude Code do uruchomienia projektu internetowego od zera**Krótko o zadaniu:** Jestem nowicjuszem bez doświadczenia w programowaniu. Mam gotowe TŻ na rozwój strony (42 strony, Next.js, PostgreSQL). Chcę zrealizować to samodzielnie za pomocą Claude Code - potrzebuję specjalisty, który skonfiguruje środowisko i nauczy mnie pracy z… Javascript & Typescript, Edukacja ∙ 4 dni 8 godzin temu ∙ 18 ofert |
Aktualizacja projektu na stronieTrzeba zaktualizować design istniejącej strony internetowej używając HTML, CSS, JS: odświeżyć wygląd, uczynić go nowoczesnym i responsywnym na urządzenia mobilne. Wymagana jest dodanie płynnych animacji i interaktywnych elementów. Układ HTML i CSS, Javascript & Typescript ∙ 5 dni 1 godzina temu ∙ 90 ofert |