Zrealizować krokowy formularz w React + Chakra UI + react-hook-forms
Witaj!
Potrzebne jest stworzenie «budowniczego» rachunków (dalej «builder»), w rzeczywistości - skomplikowanego formularza krok po kroku, dla projektu Next.js + Chakra UI + react-hook-forms zgodnie z projektem Figma (w ogólnych zarysach).
- Wykorzystane będą albo gotowe komponenty Chakra UI, albo niektóre już napisane komponenty niestandardowe (na przykład, DataPicker, podstawowy Input + Autocomplete).
- Projekt zostanie dostarczony w Figma. Formularz ma 4 kroki-strony z różnymi typami pól. Przesyłam zrzut jednego z kroków - najbardziej skomplikowanego spośród wszystkich. Pozostałe są głównie prostymi inputami.
- Builder jest dość oddzielony od reszty projektu, ale niektóre pola mają rozwijane listy z danymi z backendu (potrzebne jest tylko wywołanie funkcji - klient TS do backendu już napisany).
- Wynik buildera (po przesłaniu) ma być w obiekcie określonego formatu (zostanie dostarczony interfejs TS).
- Tekst/etykiety/placeholdery muszą być przeniesione do pliku i18n (po prostu wywołanie funkcji: «Service details» -> t('incomes.invoices.builder.step2.name‘)).
Ważne informacje o projekcie:
- Next.js 14 (App Router) bez Redux
- Chakra UI 3.0.0-next.20
- Uwaga: to jest wersja -next i ich dokumentacja jest jeszcze w surowej formie, czasami trzeba zaglądać do kodu komponentów w celu uzyskania przykładów
- react-hook-forms, react-table
- next-intl
- REST backend
Idealny kandydat/-ka będzie:
- Gotowy/-a pracować w trybie pull-requestów w projekcie na GitHubie i uwzględniać opinie zwrotne.
- Zwracać uwagę na jakość kodu i zgodność z ogólną strukturą projektu.
- Uwzględniać obecną strukturę projektu, ogólne konwencje, nie używać radykalnie nowych bibliotek itd.
- Preferowane są linki do profilu GitHub z przykładami prac lub wkładów.
Po zakończeniu tego konkretnego zadania można rozważyć długoterminową współpracę. Znajomość (lub nawet po prostu chęć zrozumienia) zaawansowanych koncepcji takich jak SSR/RSC/Server Actions/Dynamic Routes/Parallel Routes/Slots itd. jest mile widziana.
Jeśli taka współpraca Cię interesuje, w ofercie (stawce) proszę podać swoje doświadczenie z Next.js oraz koncepcyjnie (krótko 2-3 zdania, bez kodu), a także opisać, jak rozwiązałbyś problem wykonywania zapytań frontendowych w Next.js do danych z zewnętrznego serwera, który wymaga klucza API do autoryzacji w zapytaniu, tak, aby ten klucz API nigdy nie był dostępny / przekazywany w przeglądarce użytkownika? W jaki sposób zrealizować w zaproponowanym rozwiązaniu filtrowanie danych zgodnie z zapytaniem użytkownika?
Załączniki 1
-
890 6 0 Cześć,
* Co do technologii, które napisałeś: miałem doświadczenie ze wszystkim oprócz react-table.
* Zrzut ekranu nie wygląda na skomplikowany. Można wszystko zrobić. Tylko wersja na desktop? Na zrzucie ekranu jest przycisk "add service item", ale nie ma "remove" ;)
* Co do wymagań z sekcji "Idealny kandydat/-tka będzie": tam wszystko ok. Za możliwość uzyskania feedbacku trzeba dziękować.
https://github.com/ZuBB
Było kilka projektów opartych na next. 2 duże/skomplikowane. Reszta proste. Łącznie gdzieś 2.5r.
…
Co do twojego pytania: jeśli do zapytania potrzebny jest token, to znaczy, że zapytanie trzeba robić na backendzie. Tym bardziej, że 3rd party service może mieć ograniczenia dotyczące cors. Sądząc po tym, że użytkownik może dodatkowo "filtrować" wyniki zapytań, to znaczy, że to będzie się odbywać już po załadowaniu strony, więc wyjście to jeden API Routes w next.
-
1447 20 1 Dobry wieczór,
Jestem doświadczonym programistą Next.js z ponad 4-letnim doświadczeniem, imponującym portfolio i chęcią osiągania wysokiej jakości wyników szybko i dokładnie. Przejrzałem Twoje zadanie i mogę je wykonać jakościowo i szybko, ponieważ interesuje mnie długoterminowa współpraca oraz badanie nowych funkcjonalności w Next.js. Problem można rozwiązać, wykonując zapytanie do backendu Next.js (fullstack framework), a następnie na backendzie pobrać klucz API z .env (zaleca się to zrobić) i wykonać zapytanie do drugiego serwera. Można to zrealizować poprzez stworzenie endpointa backendowego w Next.js lub napisanie funkcji serwerowej.
Portfolio
Freelancehunt
Oferuję pełen zakres usług, aby Twój projekt stał się udany i łatwy w dalszym rozwoju. Moim zadaniem jest zapewnienie jakościowego rozwoju, który nie tylko spełni Twoje wymagania, ale także przewyższy oczekiwania. Zajmuję się wszystkim: od rozwoju, testowania po wdrożenie wszystkich niezbędnych komponentów. Otrzymasz gotowy projekt "pod klucz", i nie będziesz musiał szukać dodatkowych specjalistów.
… Ponadto zapewniam pełne wsparcie na każdym etapie. Razem z Tobą omówimy wszystkie ważne kwestie, pomogę przemyśleć logikę i funkcjonalność Twojego projektu, aby był wygodny i intuicyjny dla użytkownika.
Współpracując ze mną, otrzymujesz nie tylko programistę, ale także niezawodnego partnera, który jest zainteresowany Twoim sukcesem. Gotowy stworzyć coś wyjątkowego razem? Porozmawiajmy o Twoim projekcie bardziej szczegółowo!
Moim zadaniem jest zapewnienie niezawodnego wsparcia przez cały czas trwania projektu oraz po jego zakończeniu. Nie wątpcie, że zawsze jestem w kontakcie, gotowy odpowiedzieć na Twoje pytania i rozwiązać wszelkie zadania w czasie rzeczywistym.
Jestem otwarty na nowe ekscytujące projekty i gotowy wnieść swój wkład w ich udane wdrożenie. Z niecierpliwością czekam na możliwość omówienia szczegółów i rozpoczęcia współpracy.
-
285 Dzień dobry. Zadanie zrozumiałe. Pracuję z next.js, w formularzach używałem shadcn/cli, react-hook-forms i wielu innych.
-
31 Dzień dobry!
Nazywam się Andrij. Bardzo zainteresował mnie Twój projekt, jestem gotów go wykonać. W wiadomości prywatnej mogę wysłać listy moich prac oraz CV
-
15075 32 0 1 Dzień dobry!
Nazywam się Walenty, a ja reprezentuję Arctic Web Agency. Jesteśmy zespołem doświadczonych programistów, którzy specjalizują się w tworzeniu nowoczesnych i efektywnych rozwiązań internetowych dla biznesu. W wiadomościach prywatnych mogę przesłać przykłady naszych podobnych prac. Jesteśmy gotowi podjąć się realizacji Twojego projektu!
Z poważaniem
Zespół Arctic Web
Freelancehunt
-
530 4 0 Cześć!
Bardzo zainteresował mnie Twój projekt. Jestem gotów pomóc. 4 lata doświadczenia z Next.js
Mój GitHub: https://github.com/virus231
Linkedin: https://www.linkedin.com/in/vladyslav-prodan-4865891a0/
Stawka za godzinę: 450 UAH.
Moje prace:
1. https://churchonline.com.ua/
… 2. https://app.dovira.uk/en/videos/military
3. https://talentvisa.co.uk/
4. https://numfin.com/
1. Wykorzystanie funkcji/actions serwera Next.js
2. Filtrowanie danych na serwerze. Filtrowanie można wykonać w akcjach serwera. Dodać store dla tych filtrów, a następnie przekazywać je do API.
Skontaktuj się!
-
9004 69 0 Dzień dobry.
Zacząłem pracować z nextem 3 lata temu, od wersji 12, teraz poprawiam swoją wiedzę z wersją 14.
W idealnym przypadku warto również używać tailwinds - pomoże to szybciej opracować układ.
1) użycie komponentów serwerowych
2) przekazujemy filtry w zapytaniu, następnie przez props (params) pobieramy te wartości i wywołujemy API z tymi wartościami
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 ∙ 3 dni 12 godzin temu ∙ 105 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 ∙ 3 dni 18 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 ∙ 4 dni 13 godzin 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 ∙ 5 dni 17 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 ∙ 6 dni 11 godzin temu ∙ 91 ofert |