Frontend rozwój (React/Next.js): Strona docelowa, PWA Scanner, Stripe Checkout
Opis projektu:
Poszukujemy programisty Frontend/Fullstack do realizacji klienta hybrydowego produktu EdTech. Praca odbywa się w połączeniu z gotowym zewnętrznym REST API backendu. Zadanie obejmuje stworzenie responsywnej strony docelowej z integracją płatności oraz stworzenie zabezpieczonej aplikacji PWA do aktywacji fizycznych komponentów questów.
Projekt nie zawiera skomplikowanej grafiki, skupia się na bezpieczeństwie sesji, responsywności (Mobile-First) oraz integracji natywnych funkcji smartfona (kamera/skaner). Szczegółowe specyfikacje techniczne i wymagania dotyczące komponentów znajdują się w załączonym pliku.
Załączniki 1
-
Cześć!
Możemy stworzyć dla Ciebie responsywną stronę lądowania oraz część PWA do tego zadania.
1. Czy możemy omówić treść załączoną tutaj?
2. Które zadania są najważniejsze do zrealizowania w pierwszej kolejności?
—
O nas
Jesteśmy dZENcode – firmą IT zajmującą się pełnym cyklem rozwoju: od projektowania i programowania po integracje i wsparcie posprzedażowe rozwiązań cyfrowych.
Tworzymy projekty od podstaw, a także angażujemy się w już istniejące rozwiązania, które potrzebują poprawek, rozwoju lub wsparcia technicznego.
… Szczegółowe informacje o naszych usługach i stawkach znajdziesz w naszym profilu: 🌐
Freelancehunt
Zobacz – po tym będziemy mogli omówić szczegóły i ustalić następny krok.
⚠️ Po wyjaśnieniu wszystkich szczegółów określimy zakres prac, odpowiedni format współpracy: zadaniowy, outsourcing lub outstaffing – oraz ostateczną cenę.
Z nami projekty gwarantowanie dochodzą do realizacji:
• 10+ lat świadczymy usługi IT;
• 90+ pracowników na etacie;
• 250+ publicznych opinii od 2015 roku;
• Wspieramy produkty zgodnie z SLA po uruchomieniu;
• Pracujemy na podstawie NDA i umowy z firmą!
-
321 1 0 Dzień dobry!
Zadanie zrozumiałem — potrzebny frontend (React/Next.js + Tailwind) z integracją Stripe Checkout, skanerem QR, PWA-otoczeniem oraz zwiększoną bezpieczeństwem sesji (ciasteczka HttpOnly, odcisk urządzenia, obsługa błędów).
Mam doświadczenie w budowie aplikacji SPA/PWA, integracji systemów płatności, pracy z API oraz realizacji zabezpieczonych rozwiązań klienckich w podejściu Mobile-First.
Mogę zrealizować landing, /success flow z głębokim linkiem Stripe w Telegramie, aktywację PWA z QR/PIN, powiązanie urządzenia przez odcisk palca oraz stabilną obsługę błędów API.
Orientacyjnie: 7–10 dni. Po doprecyzowaniu wymagań gotów do natychmiastowego startu.
…
Cenę uzgodnimy po szczegółach.
-
8817 27 0 1 Cześć. Realizowałem projekty z React/Next.js oraz integracją zewnętrznych API, dlatego mogę stworzyć zarówno sprzedażowy landing page z płatnością, jak i aplikację PWA z skanowaniem przez kamerę i zabezpieczonym dostępem. W rezultacie otrzymasz jeden produkt, w którym użytkownik przechodzi drogę od płatności do aktywacji i korzystania z questów bez zbędnych działań.
-
650 2 0 Cześć!
Robię frontend na React/Next — zadanie jest jasne, a to, że backend jest gotowy (zewnętrzne REST API), upraszcza sprawę: skupiamy się wyłącznie na części klienckiej. Specyfikacja jest dobrze napisana, przeanalizuję kluczowe punkty, abyście widzieli, że się wczytałem, a nie tylko przeleciałem wzrokiem:
— Landing + /success: strona sprzedażowa z wideo i Stripe Checkout; thank-you z wideo w pętli anti-remorse, social proof na placeholderach i deep link do bota Telegram z podstawieniem session_id z sesji Stripe.
— PWA-aktivator: Service Worker (cache statycznych zasobów + skeleton przy utracie sieci), skaner QR przez natywną kamerę + fallback na ręczne wprowadzenie PIN-u.
— Sprzętowe powiązanie: generacja fingerprintu bezpośrednio w onClick-handlerze, SHA-256 przez Web Crypto, hash w payloadzie żądania, bez cache'owania w stanie — dokładnie jak w specyfikacji.
…
— Przywracanie: na 403 Device Mismatch — formularz OTP (6 cyfr, reset przez WhatsApp).
— Odbiór: ważna PWA (zielony Lighthouse), Error Boundary, obsługa timeoutów bez „białych ekranów” — zaplanuję to od samego początku. Wezmę pod uwagę również kompatybilność z Cloudflare Under Attack.
Kilka pytań, aby dokładnie ocenić: czy backend-API jest już gotowe i czy jest dokumentacja (endpointy, format błędów jak 403 Device Mismatch)? A czy Wasze konto Stripe ma skonfigurowany Checkout?
Od czego wygodniej zacząć — od landing page + płatności czy od razu od PWA-aktivatora? Chętnie odpowiem na szczegóły tutaj, w dyskusji projektu.
-
298 Siergiej, dziękuję za szczegółowe TZ.
Proszę o informację w sprawie designu: czy są już gotowe makiety (Figma, wireframes itp.) dla landing page, strony potwierdzenia płatności i części PWA, czy deweloper powinien samodzielnie przygotować UI na podstawie nowoczesnych praktyk i komponentów?
Jeśli nie ma gotowych makiet, być może macie jakieś referencje lub przewodnik marki, którego warto się trzymać?
-
2022 4 0 Cześć!
Mam duże doświadczenie w pracy z React.
Jestem gotów wykonać postawione zadanie.
Proponuję omówić szczegóły w wiadomościach prywatnych:
Czy masz już gotowy projekt graficzny?
-
673 1 0 rozumiałe: szybka strona docelowa z płatnością + zabezpieczona PWA z dostępem do kamery smartfona (do skanowania QR/markerów) i niezawodnym powiązaniem z twoim gotowym REST API.
Oto jak to zrealizuję:
1 Stos: Zbuduję wszystko na Next.js (React). Dla strony docelowej zapewni to maksymalną prędkość i SEO, a dla PWA — stabilną architekturę, zabezpieczoną autoryzację (sesje JWT) oraz bezproblemową współpracę z natywnymi API telefonu (kamera, geolokalizacja).
2 Interfejs: Ponieważ skomplikowana grafika nie jest potrzebna, zrealizuję czysty i intuicyjny UI w stylu szwajcarskiego minimalizmu. Skupienie będzie na 100% Mobile-First, aby użytkownikom było wygodnie przechodzić quest w ruchu.
3 API i płatności: Bez problemu podłączę twój backend i skonfiguruję bramkę płatniczą na stronie docelowej.
-
10857 17 2 👋 Cześć,
Złożyłem ofertę na realizację backendu. Jestem programistą full stack, mogę zająć się pełną realizacją waszego projektu.
Mam dużą bazę dobrych specjalistów, mogę zintegrować do projektu dobrego front-endowca (jeśli ważne jest dla was rozdzielenie procesów) i będziemy pracować w ramach jednego zespołu.
-
15075 32 0 1 Dzień dobry!
Nazywam się Walentyn i reprezentuję Arctic Web Agency. Jesteśmy zespołem, który specjalizuje się w tworzeniu nowoczesnych i efektywnych rozwiązań dla biznesu. W wiadomościach prywatnych mogę przesłać przykłady naszych podobnych prac. Jesteśmy gotowi zająć się Twoim projektem!
Z poważaniem
Zespół Arctic Web
Freelancehunt
-
452 Dzień dobry! Zadanie jest jasne: Next.js + Stripe Checkout + PWA z skanerem QR i powiązaniem sprzętowym przez FingerprintJS.\nZrealizuję:\n\nLanding + strona /success z Deep Linkiem w Telegramie\nPWA powłoka, Service Worker, Skeleton loaders\nSkaner QR przez html5-qrcode + forma fallback\nFingerprinting przeglądarki przez Web Crypto API w onClick bez cachowania w stanie\nHttpOnly ciasteczka, bez localStorage dla tokenów\n403 Device Mismatch → forma OTP\n\nAudyt Lighthouse PWA - przejdzie. Error Boundary na wszystkie wywołania API.\nGotowy do rozpoczęcia dzisiaj. Piszcie, omówimy.
-
2277 36 0 Dzień dobry, zrobię dla Państwa landing, który będzie można zainstalować na telefonie jako PWA. Nie ma projektu, jak zrozumiałem? Oto przykład lekkiej strony PWA https://brovist.vercel.app
-
7134 13 0 Cześć, mam duże doświadczenie z tym stosem, pisałem zarówno duże, wielofunkcyjne strony, jak i proste lądowania, przykłady
https://chess-217-154-170-186.nip.io/library
https://zem.center/
Mój Git: https://github.com/onyx144
PWA również realizowałem, to w zasadzie robi się w godzinę.
-
192 Dzień dobry!
Zapoznałem się z zadaniem technicznym. Jestem gotów zrealizować część frontendową w React/Next.js z adaptacyjnością Mobile-First, Tailwind CSS, PWA, Stripe Checkout, stroną potwierdzenia płatności, aktywacją QR/PIN oraz obsługą błędów API bez "białych ekranów".
Zrealizuję również logikę Deep Link po płatności, integrację z Fingerprint/Web Crypto API do powiązania urządzenia, UI dla Device Mismatch/OTP oraz podstawowe buforowanie przez Service Worker.
Po zapoznaniu się z backend API i makietami będę mógł ostatecznie uzgodnić etapy realizacji.
Jestem gotów omówić szczegóły i przystąpić do pracy.
-
303 Cześć, Sergiusz!
To dokładnie mój stos — Next.js 14 App Router
codziennie w produkcji. Mój żywy projekt:
anasta.best — landing + katalog + płatność podobna do Stripe
(Monobank Acquiring) + responsywny
Mobile-First design.
W twoim frontendzie widzę trzy kluczowe bloki:
…
1. Strona docelowa (Next.js 14 + SSR/SSG)
— Responsywna szata graficzna Mobile-First
— Integracja Stripe Checkout
— Deep Link przekierowanie po płatności
2. PWA Scanner (strefa zabezpieczona)
— Skaner QR/kodów kreskowych przez html5-qrcode
(natywna kamera bez aplikacji)
— HttpOnly ciasteczka dla sesji
— Odcisk palca urządzenia przez Web Crypto API
— Fallback ręczne wprowadzenie PIN
3. Bezpieczeństwo sesji
— HttpOnly/Secure/SameSite=Strict ciasteczka
— 403 Device Mismatch → formularz OTP
— Service Worker dla trybu offline
Stos: Next.js 14 + TypeScript +
-
1738 9 0 Witam. Projekt stworzenia adaptacyjnego PWA dla EdTech z integracją REST API oraz natywnych funkcji smartfona idealnie odpowiada mojej ekspertyzie i wcześniejszemu doświadczeniu. Planuję zbudować solidną architekturę frontendową z naciskiem na design Mobile-First, zapewnić wysoki poziom bezpieczeństwa sesji i danych poprzez nowoczesne protokoły, a także zoptymalizować integrację systemów płatności. Moje gotowe rozwiązania dla zabezpieczonych PWA, integracji bramek płatniczych oraz adaptacyjnego layoutu pozwolą znacznie przyspieszyć proces rozwoju i zagwarantować stabilne działanie produktu. Wszystkie szczegóły realizacji, końcowy budżet oraz terminy proponuję omówić w wiadomościach prywatnych.
-
472 1 0 Dzień dobry, Mam doświadczenie w tworzeniu projektów na Next. Pisz, omówimy szczegóły.
-
552 3 0 Najważniejsze w tym projekcie to nie szablonowanie, ale sprawienie, by PWA z Service Worker i Stripe Checkout działało poprawnie pod Cloudflare w trybie Under Attack. To właśnie tutaj zazwyczaj wszystko się psuje: wyzwanie JS koliduje z pamięcią podręczną Service Worker i z przekierowaniem Stripe. To pierwsze, co uwzględnię w architekturze.
Biorę Next.js. Landing page działa przez SSR/SSG — potrzebne SEO i szybki audyt Lighthouse, a zabezpieczona część aktywatora przechodzi do tras klienta po autoryzacji, gdzie SEO nie jest potrzebne. Jeden projekt zamyka oba zadania bez obejść.
W kluczowych miejscach widzę to tak:
Stripe Checkout po stronie klienta, na stronie udanej płatności wyciągam parametr order z sesji i tworzę z niego Deep Link do przekierowania w komunikatorze.
Skaner QR na natywnej kamerze (html5-qrcode) + fallback z ręcznym wprowadzaniem PIN-u.
Słup urządzenia generowany jest bezpośrednio w onClick przez Web Crypto, SHA-256 trafia do payload — bez pamięci podręcznej w stanie, jak u was zapisano.
… Tokeny tylko w ciasteczkach HttpOnly/Secure/SameSite=Strict; na 403 Device Mismatch renderuję formularz wprowadzania OTP.
Service Worker pod offline i Skeleton-loadery, Error Boundary przeciwko białym ekranom.
Aby dać dokładną wycenę, mam kilka pytań:
Backend gotowy — jest dokumentacja REST API (punkty końcowe aktywacji, OTP, format błędu 403)? Bez kontraktu nie zbiorę payload i formularzy.
Gdzie hostujemy Next.js — Vercel czy nasz serwer za Cloudflare? Od tego zależy konfiguracja SSR pod Under Attack.
Dacie design (Figma) czy szablonowanie landing page również spoczywa na mnie?
Odpowiecie — podam dokładny termin i koszt. Co do stacku i pułapek, jak widzicie, już się zorientowałem.
-
95862 1272 1 10 Cześć. Pracuję z React i Node.js od ponad 9 lat. Jestem gotów do współpracy.
-
9972 117 0 Cześć.
Jestem programistą NodeJS. Jestem gotów podjąć się tego zadania. Napisz, omówimy.
-
4975 41 4 1 Dzień dobry!
Profesjonalnie zajmuję się rozwojem Frontend na React/Next.js. Jestem gotów zrealizować Państwa landing, PWA Scanner oraz zintegrować Stripe Checkout. Mam doświadczenie w pracy z REST API, bezpieczeństwem sesji oraz mobilnym skanowaniem, jak wskazano w specyfikacji.
Proszę o kontakt, omówimy szczegóły.
-
2718 35 0 Cześć! Mogę to zrealizować. Proszę się zgłaszać, będę zadowolony z współpracy z Państwem!
-
172 Jestem programistą NextJs, React, NestJs. Jestem gotów podjąć się tego zadania.
-
1213 8 0 Mamy doświadczenie w opracowywaniu rozwiązań PWA oraz integracji systemów płatności Stripe. Realizujemy projekt w React/Next.js z naciskiem na wydajność i bezpieczeństwo danych podczas pracy z API. Zapewnimy wysoką jakość szablonu strony oraz poprawną logikę skanera w PWA. Jesteśmy gotowi do rozpoczęcia planowania architektury i realizacji funkcjonalności w najbliższym czasie.
Aktualne zlecenia dla freelancerów w kategorii Tworzenie chatbota
Bot sygnałowy z automatyzacją w Arkuszach GooglePotrzebny jest bot, który będzie przyjmował zgłoszenia i automatycznie umieszczał je w arkuszu Google, na przykład: sklep1, 26.06, 500kg lub 200kg, a on automatycznie umieszcza w tabeli na linii sklepu w komórce daty oznaczenie 500 lub 200 Tworzenie chatbota ∙ 13 minut temu ∙ 16 ofert |
Szukamy dewelopera do stworzenia bota handlowego/bota czatuSzukamy dewelopera do stworzenia bota handlowego / czat-bota. Potrzebny specjalista IT, który będzie w stanie opracować bota do analizy rynku 24/7 i wysyłania sygnałów handlowych dotyczących złota, indeksów, Bitcoin i par Forex. Główne wymaganie - specjalista musi znać się na… Python, Tworzenie chatbota ∙ 19 godzin 11 minut temu ∙ 32 oferty |
Bot Telegram dla serwisu samochodowegoDzień dobry. Potrzebuję stworzyć bota Telegram dla serwisu samochodowego. Bot powinien pomagać mechanikowi przeprowadzać pełną diagnostykę techniczną samochodu według listy kontrolnej, dodawać zdjęcia/wideo usterek, Struktura bota jest opisana w specyfikacji w języku… Tworzenie chatbota ∙ 1 dzień temu ∙ 90 ofert |
Przywrócenie dostępu do konta Telegram.
817 PLN
Mój telegram był na niemieckim numerze, który od 5 lat jest nieaktywny poczta nie była powiązana włączony był dwuetapowy kod zabezpieczający konto z jakichś powodów zniknęło na wszystkich urządzeniach potrzebna pomoc w odzyskaniu konta Tworzenie chatbota, Programowanie na iOS (iPhone i iPad) ∙ 1 dzień 4 godziny temu ∙ 9 ofert |
Automatyczne publikowanie relacji na InstagramieDzień dobry, Potrzebna pomoc w ustawieniu automatycznego publikowania historii na Instagramie. W archiwum Instagrama są już historie, które zostały opublikowane, trzeba je ponownie opublikować. AI i uczenie maszynowe, Tworzenie chatbota ∙ 1 dzień 7 godzin temu ∙ 23 oferty |