Stworzyć strony internetowe
Rozważamy next.js + możliwe supabase
Sam serwis jest obecnie na WordPressie.
Projekt stron, które trzeba wykonać, jest jeszcze na starym designie, trzeba go dostosować do nowego:
https://www.figma.com/design/UuzQKZtJEwTexfwntetCPr/Untitled?node-id=0-1&t=jdYnSZiYis10C68h-1
Jak zrobić nowy design:
https://www.figma.com/design/8YsvE5Zpjb1oJGLw1pw7Zg/SuperTrust?node-id=2037-2&t=xp6dVIG1UAN9BEly-1">https://www.figma.com/design/8YsvE5Zpjb1oJGLw1pw7Zg/SuperTrust?node-id=2037-2&t=xp6dVIG1UAN9BEly-1
Specyfikacja: https://docs.google.com/document/d/1u4u0tqNsG7K3XA4GyBV44xdqxDt6W5tReMqhc4qC3sU/edit?usp=drivesdk
Krótka specyfikacja:
Dodam też konkurenta, na którego się opieraliśmy przy tworzeniu tych stron. W zasadzie wszystko powinno działać jak u niego - https://justlife.com/
Cel projektu
Opracowanie nowych stron do zamawiania usług i panelu klienta serwisu supertrust.ae z naciskiem na:
• responsywność na wszystkie urządzenia (desktop, tablet, mobile);
• poprawę UX (szybkie składanie zamówienia);
• obsługę wielojęzyczności (EN/RU/AR + RTL);
• SEO i wysoką wydajność (PageSpeed ≥ 90).
Architektura frontendu
Każda usługa ma stronę rezerwacji z formularzem w kilku krokach (od 4 do 6):
Ogólne kroki rezerwacji:
1. Wybór parametrów (godziny, materiały, typ obiektu itp.).
2. Wprowadzenie adresu (autouzupełnianie, mapa z draggable pin).
3. Wybór daty/godziny.
4. Dane kontaktowe + płatność (gotówka, karta, Apple Pay, kupon).
5. Częstotliwość (jednorazowo / regularnie).
6. Dodatkowe kroki — dla poszczególnych usług (wybór sprzątacza, harmonogram itp.).
Komponenty (React)
Ogólne:
• BookingStepper — kontener kroków.
• BookingSummarySticky — blok z kalkulacją kosztów.
• MapComponent — Google Maps z draggable pin.
• LanguageSwitch — przełącznik języków.
• ToastNotification — powiadomienia (sukces, błąd, autosave).
Po krokach:
• HoursCleanerSelector — godziny i liczba sprzątaczy.
• MaterialSelector — wybór materiałów.
• FrequencySelector — częstotliwość (One-time, Weekly itp.).
• CalendarTimePicker — wybór daty/godziny.
• PhoneInput — z flagami i walidacją.
• PromoCodeInput — walidacja kodu promocyjnego.
• PaymentMethods — przyciski i formularze płatności.
• ClientInstructionsInput — textarea z autosave.
API
Przykłady:
• GET /api/services — lista usług.
• GET /api/combo-packages — lista pakietów.
• POST /api/booking/save — tymczasowe zapisanie.
• POST /api/booking/calculate — obliczenie końcowej kwoty.
• POST /api/booking/confirm — potwierdzenie rezerwacji.
• GET /api/translations — ładowanie plików JSON z lokalizacjami.
• GET /api/booking/start?serviceId={id} — przejście do rezerwacji.
Zachowanie i UX
• Autosave każdego kroku w localStorage.
• Po powrocie na stronę — okno modalne „Kontynuować niedokończone zamówienie?”.
• Reakcje interfejsu:
• Pola: zielona/czerwona obwódka przy poprawnej/błędnej walidacji.
• Spinner: podczas ładowania, walidacji i płatności.
• Toast: potwierdzenie zapisania/błędu.
🌍 Wielojęzyczność
• Języki: EN / RU / AR (RTL).
• Tłumaczenia przechowywane w JSON, ładowane przez CDN.
• Wszystkie elementy tekstowe, przyciski, błędy i powiadomienia muszą obsługiwać i18n.
SEO & Wydajność
• Adres URL w formacie /services/sofa-cleaning.
• Meta-tagi i ALT dla wszystkich obrazów.
• Schema.org markup (Service, Offer, Review).
• Lazy loading obrazów i ikon.
• Caching i ładowanie przez CDN.
• Czas ładowania strony: ≤2 sekundy.
• Google PageSpeed: ≥90.
Integracja analityki
• Google Analytics 4 (GTM)
• Wydarzenia: start_booking, complete_booking, apply_coupon, referral_click
• Hotjar lub podobny
• Mapy cieplne, sesje
Podłączenie płatności przez Stripe
Panel administratora (panel zarządzania)
Cel
Stworzyć wygodny, bezpieczny i responsywny panel administratora do zarządzania wszystkimi usługami, pakietami, cenami, rabatami serwisu, bez konieczności angażowania programisty.
Podstawowa funkcjonalność
1. Usługi i pakiety
• Dodawanie nowych usług/pakietów (nazwa, opis, obrazki).
• Edycja:
• Ceny (podstawowa i stara/z przekreśleniem);
• Rabat w procentach lub w AED;
• Opis, zalety, struktura;
• Zarządzanie kategoriami (np.: Czyszczenie parowe, Dezynfekcja, Czyszczenie klimatyzacji).
• Sortowanie (popularne, nowości, po malejącej cenie itp.).
• Aktywacja/dezaktywacja usługi (widoczność na stronie).
2. Elastyczne ustalanie cen
• Możliwość wskazania:
• Ceny podstawowej;
• Ceny promocyjnej;
• Automatycznego obliczania rabatu procentowego (lub odwrotnie);
• Włączania promocji czasowych (data rozpoczęcia/zakończenia);
• Ustawiania specjalnych cen według warunków (np.: dla 2 BHK + steam cleaning — 499 AED).
3. Zarządzanie usługami dodatkowymi
• Dodawanie opcji dodatkowych (np.: „Materiały ekologiczne” +75 AED);
• Powiązanie usług dodatkowych z główną;
• Włączanie/wyłączanie z formularza rezerwacji.
4. Edycja tłumaczeń
• Bezpośredni interfejs do edycji tekstów w EN / RU / AR;
• Tłumaczenia przechowywane jako klucz-wartość (JSON), ładowane przez CDN;
• Oddzielne zakładki: „Usługi”, „Przyciski”, „Komunikaty”, „Podpowiedzi”.
6. Zamówienia
• Podgląd wszystkich zamówień:
• Według daty, klienta, usługi, statusu;
• Szczegóły płatności (Stripe/pieniądze, kwota, kod promocyjny);
• Oznaczenie wykonane/w trakcie/anulowane.
Wymagania techniczne
• Interfejs: responsywny (desktop + tablet), biblioteka UI — React (np.: MUI, Ant Design).
• Uwierzytelnianie: bezpieczne logowanie, role użytkowników (admin/editor).
• Backend: REST API lub GraphQL (zgodny z obecną architekturą serwisu).
• Bezpieczeństwo: CSRF, JWT, HTTPS, logowanie działań (audit log).
-
30 dni4260 PLN
1131 2 0 30 dni4260 PLNDzień dobry
Realizuję projekt z uwzględnieniem Twoich wymagań na Nextjs 15, TailwindCSS 3/4, API, Prisma, PostgreSQL/Supabase z deploymentem na Vercel.
Więcej szczegółów możemy omówić w wiadomości prywatnej
-
1 dzień106 PLN
654 2 0 1 dzień106 PLNDzień dobry!
Zapoznałem się z TZS, makietami Figma oraz strukturą projektu — wygląda poważnie i bardzo systemowo. Mam odpowiednie doświadczenie w tworzeniu responsywnych wielojęzycznych serwisów na Next.js + Node.js, z autoryzacją, integracją Stripe, realizacją niestandardowych formularzy, kontami użytkowników i panelami administracyjnymi.
Co jestem gotów zrealizować:
1. Wieloetapowy formularz rezerwacji z wszystkimi opisanymi scenariuszami (wybór usług, mapa, daty, kupony, płatność, regularność)
2. Responsywny UI z obsługą RTL (język arabski) poprzez i18n i dynamiczny kierunek
3. Integrację z Google Maps API (autouzupełnianie, marker przeciągany)
4. Płatność przez Stripe (w tym Apple Pay), zastosowanie kuponów
… 5. Lokalny zapis kroków, powiadomienia toast, automatyczne zapisywanie
Realizacja konta użytkownika i panelu administracyjnego (zarządzanie usługami, cenami, tłumaczeniami, statusami zamówień itp.)
Przewiduję realizację bezpiecznej autoryzacji (JWT, CSRF, HTTPS), systemu ról (admin/editor), chronionych endpointów.
Technologie:
Next.js, React, TypeScript, Tailwind lub MUI, Node.js/Express, MongoDB lub PostgreSQL, Google Maps API, Stripe SDK, i18next / next-intl
Gotów pracować etapami:
Najpierw — główne strony rezerwacji, potem — konto użytkownika, następnie — panel administracyjny.
Chętnie omówię szczegóły realizacji, terminy i format współpracy.
-
1 dzień106 PLN
162 1 dzień106 PLNWitam.
Z zainteresowaniem zapoznałam się z Twoim projektem. Jestem pewna, że będę w stanie wykonać skuteczną i wysokiej jakości pracę, odpowiadającą Twoim wymaganiom i oczekiwaniom. Mam ponad 8 lat doświadczenia zawodowego.
-
14 dni2130 PLN
2830 19 0 14 dni2130 PLNDzień dobry. Mogę zrobić na Next.js bez projektu graficznego, wszystko tworzę responsywnie na czystym CSS. Gwarantuję jakość i szybkość pracy.
Pisz, będę się cieszyć na współpracę!
-
30 dni4260 PLN
530 4 0 30 dni4260 PLNCześć!
Bardzo zainteresował mnie Twój projekt. Chętnie pomogę.
O sobie: Mam ponad 4 lata doświadczenia w Front-End React.js/Next.js wyłącznie w dużych projektach komercyjnych. Pracowałem w dużych zespołach, ale mam też doświadczenie w samodzielnym rozwoju.
Mój GitHub: https://github.com/virus231
LinkedIn: https://www.linkedin.com/in/vladyslav-prodan-4865891a0/
Stawka za godzinę: 20$
Skontaktuj się!
-
30 dni4686 PLN
8817 27 0 1 30 dni4686 PLNProjekt można zrealizować na Next.js + Supabase. Zostaną uwzględnione:
wieloetapowy formularz rezerwacji
integracja Google Maps, Stripe
obsługa EN / RU / AR + RTL
dopasowanie do wszystkich urządzeń
…
wysoka wydajność i SEO
panel administracyjny do zarządzania usługami, cenami, zamówieniami i tłumaczeniami
Chętnie przedstawię etapy rozwoju i oszacowanie terminów.
-
15 dni5112 PLN
916 3 0 15 dni5112 PLNCześć!
Zintegrowałem MERN + Sanity (CMS) z witryną WordPress, UMCH uniwersytet UMCH w Niemczech.
Jest to w moim portfolio i możesz to sprawdzić.
Mam również bogate doświadczenie w korzystaniu z motywów React, takich jak MUI i Ant Design.
Spróbujmy to zrobić.
Dziękuję.
-
1 dzień106 PLN
2656 40 0 1 dzień106 PLNWitam. Zrobię. Pisz, chętnie nawiążę współpracę
Witam. Zrobię. Pisz, chętnie nawiążę współpracę
-
10 dni2982 PLN
173 10 dni2982 PLNWitaj, Dziękuję za szczegóły
Uważnie przeczytałem Twój opis i w pełni go zrozumiałem.
Jako pełnoprawny programista, mam wystarczające doświadczenie w React/Next.js, supabase, integracji Stripe i mogę pomyślnie zbudować Twój frontend i backend.
Porozmawiajmy bardziej szczegółowo!
Pozdrawiam serdecznie
-
3 dni1406 PLN
183 2 0 3 dni1406 PLNWitam. Mogę zrobić na nextjs bez projektu graficznego, wszystko tworzę responsywnie na czystym CSS. Piszcie.
Przykłady prac:
https://alerzi.github.io/Fitness/
https://alerzi.github.io/Agency/
https://alerzi.github.io/Construct/
-
14 dni852 PLN
422 1 0 14 dni852 PLNDzień dobry!
Bardzo zainteresowała mnie Twoja oferta. Jestem FullStack Web-developerem z doświadczeniem w takich stosach jak PERN, MERN, PEVN, MEVN. Pracuję z nowoczesnymi technologiami: Node.js (NestJS), React.js (Next.js), PostgreSQL i innymi narzędziami z ekosystemu JavaScript.
Oto co mogę Ci zaoferować:
- Czysty i łatwy w utrzymaniu kod — używam ESLint i Prettier, aby kod był strukturalny, czytelny i łatwy do obsługi;
- Zrozumiała architektura — cała struktura projektu będzie logiczna, bez chaosu i „zagmatwanych lasów”;
- Nowoczesne technologie — wykorzystanie aktualnych rozwiązań zarówno na frontendzie, jak i backendzie;
- Wysoka jakość i terminowość rozwoju — pracuję odpowiedzialnie, dotrzymuję terminów;
… - Responsywny design w pixel-perfect;
- Lokalizacja strony;
- SEO — optymalizacja dla wyszukiwarek;
- Precyzyjne wykonanie wymagań — wszystko zostanie zrealizowane zgodnie z określonym TZS.
Jeśli szukasz jakości, czystej architektury i odpowiedzialnego wykonawcy — jestem do dyspozycji!
-
20 dni2982 PLN
512 20 dni2982 PLNCześć! Przejrzałem Twój szczegółowy brief i projekty w Figma – to solidny i ekscytujący projekt. Mogę pomóc Ci go urzeczywistnić, korzystając z Next.js i Supabase (lub innego stosu, jeśli będzie potrzeba), zapewniając pełną responsywność, wsparcie wielojęzyczne (w tym RTL dla arabskiego) oraz płynny UX rezerwacji z zoptymalizowaną wydajnością. Integracja Stripe, panel administratora, SEO i konfiguracja analityki – wszystko obejęte. Porozmawiajmy o harmonogramie i o tym, jak wyróżnić SuperTrust.
Nie mogę się doczekać współpracy!
Freelancehunt
-
20 dni2982 PLN
318 20 dni2982 PLNCześć! To brzmi jak solidny, dobrze zorganizowany projekt z jasnym kierunkiem. Z przyjemnością pomogę ożywić Twój nowy proces rezerwacji i strony konta osobistego, korzystając z Next.js i Supabase. Pliki Figma i dokumentacja techniczna stanowią świetną podstawę, zadbam, aby wszystko działało sprawnie, wyglądało atrakcyjnie na wszystkich urządzeniach oraz spełniało cele dotyczące wydajności i SEO. Połączmy się i omówmy kolejne kroki!
Freelancehunt
-
20 dni2982 PLN
466 20 dni2982 PLNCześć! Ten projekt wygląda bardzo ekscytująco, szczególnie z przejściem na Next.js + Supabase. Przejrzałem projekty w Figma i dokumentację techniczną, i jest jasne, że to dobrze przemyślana budowa. Mogę pomóc w implementacji wszystkiego, od dynamicznego, wieloetapowego procesu rezerwacji po lokalizację, płatności Stripe i optymalizacje SEO, wszystko z czystym, responsywnym frontendem i wydajną architekturą. Ustalmy harmonogram i zespół, aby wszystko poszło sprawnie!
Freelancehunt
-
15 dni1917 PLN
513 3 0 15 dni1917 PLNCześć, mogę wykonać pracę, mam w tym doświadczenie od ponad 3 lat, posiadam portfolio. Pisz, ustalimy cenę.
-
15 dni2982 PLN
13013 67 0 15 dni2982 PLNWitam! Wykonam Twoje zadanie szybko i jakościowo.
Moje portfolio: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Pisz, zacznę dziś pracować. Będę się cieszyć ze współpracy z Tobą!
-
20 dni2130 PLN
1072 11 1 20 dni2130 PLNWitam!
Jestem gotowy podjąć się realizacji projektu — mam doświadczenie z Next.js, Supabase, Stripe, wielojęzycznością (w tym RTL), a także w budowaniu skomplikowanej struktury rezerwacji i paneli administracyjnych.
Dokładnie zapoznałem się z TZS, projektem w Figma i przykładami. Jestem pewien, że wykonam zadanie wysokiej jakości i w terminie, uwzględniając wszystkie wymagania dotyczące UX, SEO i PageSpeed.
Proponuję również podzielić pracę na logiczne etapy, aby ułatwić monitorowanie postępów i korygowanie priorytetów.
Chętnie omówię szczegóły i rozpocznę pracę!
-
30 dni8520 PLN30 dni8520 PLN
Witaj Mario,
Dziękuję za Twoją wybitną i szczegółową dokumentację. Jako Full Stack Developer, który z powodzeniem dostarczył ponad 15 gotowych do produkcji aplikacji przy użyciu Next.js, Twój projekt jest idealnym dopasowaniem.
Dokładnie przeanalizowałem specyfikacje. Wykorzystam moje doświadczenie w TypeScript, Tailwind CSS i PostgreSQL, aby zbudować wydajny, wieloetapowy formularz rezerwacji z pełnym wsparciem RTL i elastycznym panelem administracyjnym, którego potrzebujesz. Moje mocne podstawy w algorytmach i strukturach danych będą kluczowe dla osiągnięcia celu PageSpeed 90+.
Proponuję podzielić to na dwa główne kamienie milowe: przepływ rezerwacji dla klienta, a następnie panel administracyjny.
Moja profesjonalna wycena dla pełnego zakresu prac to 2000 € na przestrzeni 5 tygodni. Mam opracowaną architekturę komponentów i jestem gotowy omówić plan realizacji.
…
Z poważaniem,
Revaz Goguadze
-
ТЗ Сайту на 100 ст для розробки декількох сторінок ? Щось не клеїться.
-
Aktualne zlecenia dla freelancerów w kategorii Programowanie stron internetowych
Responsywny projekt strony internetowej portfolio (wordap - strona internetowa do sprzedaży i zakupu)Potrzebuję czystej, nowoczesnej strony portfolio, która będzie zgodna z moimi istniejącymi wytycznymi marki i pięknie dostosuje się do komputerów stacjonarnych, tabletów i urządzeń mobilnych. Zadaniem strony jest proste: podkreślić moją pracę za pomocą zdjęć o dużym wpływie,… Content Management Systems, Programowanie stron internetowych ∙ 1 godzina 45 minut temu ∙ 15 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 ∙ 5 godzin 26 minut temu ∙ 19 ofert |
Wprowadzenie poprawek na stronie (WP, Elementor)Dzień dobry. Trzeba wprowadzić 2 poprawki na stronie: 1. Menu główne "pływa" przy najechaniu kursorem, plus w wersji ukraińskiej jest wyśrodkowane pionowo (tak ma być), a w rosyjskiej - bez wyśrodkowania, na górze. Trzeba wyśrodkować rosyjskie jak w ukraińskim. 2. Na stronie… Programowanie stron internetowych ∙ 8 godzin 2 minuty temu ∙ 53 oferty |
Należy zmodernizować panel administracyjny w Open Cart dla wygody.Specyfikacja techniczna dotycząca konfiguracji/rozwoju OpenCart 1. Katalog → Produkty Zadanie 1. Dodać kolumnę „Kategoria” do listy produktów Zadanie 2. Dodać kolumnę „Artykuł” do listy produktów Zadanie 3. Dodać kolumnę „Data i czas utworzenia produktu” Zadanie 4. Szybka edycja… Programowanie stron internetowych ∙ 8 godzin 18 minut temu ∙ 43 oferty |
Dopracowanie katalogu dla strony internetowejNa stronie katalogu należy wprowadzić poprawki: (pracę można podzielić na etapy lub wziąć część według kwalifikacji) 1. W panelu administracyjnym możliwość wgrywania plików SQL do aktualizacji cen (w archiwum jest plik price_balluff_2026_for_site.sql). (obecnie są wgrane przez… AI tekst, Programowanie stron internetowych ∙ 8 godzin 26 minut temu ∙ 27 ofert |
Niemcy