Верстка на React

Mamy sklep internetowy na platformie OpenCart 3. Sprzedajemy specyficzny towar — osłony ochronne (schrony, osłony dla prywatnych domów itp.). Asortyment — około 100 pozycji, z których każda ma (będzie miała) zestaw specyfikacji technicznych (pojemność, materiał, klasa ochrony, wymiary i inne).Problem polega na tym, że klientom trudno samodzielnie zrozumieć i wybrać odpowiednią opcję spośród takiej liczby towarów z parametrami technicznymi. Chcę uprościć ten proces. Co chcę uzyskać:Funkcjonalność "Pomoc w doborze towaru" - coś w rodzaju krokowego kwestionariusza (wizard). Odwiedzający stronę odpowiada na kilka prostych pytań (na przykład, ile osób planuje umieścić, jakie są warunki działki, jaki budżet itp.), a po przejściu kwestionariusza system pokazuje listę towarów, które najlepiej pasują do jego odpowiedzi. Pożądane, aby: Pytania i opcje odpowiedzi można było łatwo edytować/dodawać samodzielnie (bez programisty) przez panel administracyjny strony. Wynik pokazywał nie tylko idealne dopasowania, ale także najbliższe opcje, jeśli nie ma dokładnego odpowiednika. Wygląd doboru odpowiadał designowi obecnej strony. Można to było umieścić jako osobną stronę lub jako okno popup (co będzie optymalniejsze i ładniejsze). Czekam na propozycje od wykonawców dotyczące tego, jak najlepiej to zrealizować - pod względem architektury, technologii i podejścia. Proszę opisać, jak widzicie realizację, orientacyjne terminy i koszt. Jeśli robiliście coś podobnego, to duży plus i proszę przesyłać przykłady. Dziękuję.

Szukamy doświadczonego dewelopera Framer do profesjonalnego dopracowania istniejącej strony internetowej firmy Azzurro Cabinets, działającej w Centralnej Florydzie, USA. Obecna strona: https://azzurro.framer.website/ Projekt został stworzony na bazie szablonu Modivana w Framer. Należy przerobić strukturę strony pod klientów indywidualnych, zachować osobny dział dla budowniczych i wykonawców, stworzyć zarządzany katalog CMS szafek kuchennych, zaktualizować sekcję zrealizowanych projektów oraz wykonać techniczne ustawienia SEO. Firma nie produkuje szafek kuchennych. Główne usługi: sprzedaż szafek od dostawców, pomoc w doborze i planowaniu, zamówienie i dostawa, profesjonalny montaż. Główne zadania: • dopracowanie istniejącego projektu w Framer bez przenoszenia na inną platformę; • usunięcie obcego szablonowego kontentu i obrazów; • przerobienie głównych stron strony; • stworzenie katalogu kolekcji, stylów, kolorów i wykończeń przez Framer CMS; • stworzenie dynamicznych stron poszczególnych kolekcji; • przerobienie sekcji Projekty przez Framer CMS; • osobne scenariusze i formularze dla właścicieli domów i budowniczych; • dostosowanie do desktopu, tabletu i urządzeń mobilnych; • ustawienie formularzy, analityki i technicznego SEO; • podłączenie głównej domeny; • przekazanie w pełni edytowalnego projektu oraz instrukcji obsługi CMS. Ważne: praca wykonywana jest tylko w Framer. Przeniesienie na WordPress, Webflow, Wix lub inną platformę nie jest brane pod uwagę. Szczegółowe zadanie techniczne jest załączone do projektu. W odpowiedzi proszę podać: Linki do 2–5 zrealizowanych stron właśnie w Framer, osobno zaznaczając projekty z CMS. Jak proponujesz zorganizować CMS dla Kolekcji Szafek i Projektów. Wstępną wycenę kosztów i terminów lub sposób ich uzgodnienia. Liczbę włączonych rund poprawek. Jakie punkty w Tz będą wymagały niestandardowego kodu lub zewnętrznych integracji. Potwierdzenie, że praca będzie wykonywana w projekcie klienta i w pełni przekazana klientowi. Koszt, etapy i warunki płatności będą ustalane po zapoznaniu się z zadaniem technicznym i uzgodnieniu dokładnego zakresu prac.

https://www.figma.com/design/bSzGOmDb3scdsBgjR3hHLb/Robo?node-id=0-1&p=f https://robo.org.ua/index.php?route=product/product&path=145802278&product_id=237 Zadanie: redesign strony produktu i recenzji na stronie głównej Strona została już opracowana i działa w pełni. Projektant przygotował nowy projekt w Figma, który należy wdrożyć na istniejącej stronie. Wymagane: zrealizować nowy projekt zgodnie z makietą; zintegrować go z aktualną stroną; zaadaptować strony do urządzeń mobilnych, tabletów i komputerów; sprawdzić poprawne działanie przycisków, formularzy, menu i innych elementów; zapewnić maksymalną zgodność z makietą. Nie ma potrzeby tworzenia strony od zera — należy jedynie wykonać redesign i zastąpić aktualny wygląd nowym.

Rozwój MVP platformy online-tutoringowej (analog Preply) dla rynku LitwyOpis projektu:Szukamy zespołu programistów lub pojedynczych specjalistów (Full-stack / Backend / Frontend / UI-UX) do stworzenia dwustronnego rynku online-uczenia dla litewskiego rynku.Celem projektu jest uruchomienie platformy internetowej, która połączy uczniów z freelancerami-nauczycielami do prowadzenia indywidualnych lekcji w czasie rzeczywistym.Podstawowa funkcjonalność MVP: Panel nauczyciela: Profil z wideo-wizytówką, przesyłanie dyplomów, ustawienie harmonogramu (kalendarz) i cen za godzinę. Panel ucznia: Wyszukiwanie według filtrów (przedmiot, cena, język, ocena), zakup lekcji, osobisty kalendarz zajęć. Wyszukiwanie i filtrowanie: Inteligentne dopasowanie nauczycieli z systemem recenzji i ocen. Wirtualna klasa: Integracja wideo połączenia (WebRTC, Zoom lub analogi), wbudowany czat i wymiana plików. System płatności: Bezpieczna transakcja (Escrow). Zamrożenie pieniędzy i wypłata freelancerowi po potwierdzeniu lekcji. Potrzebna integracja Stripe / Paysera.

Istota projektu Śledzimy ciężarówki transportujące ładunki naszych klientów (zakłady przemysłowe). Do ciężarówek przy załadunku wydawane są autonomiczne GPS-znaczniki TKSTAR TK-905B (przesyłanie współrzędnych co 5 minut). Znaczniki NIE są przypisane do pojazdów na stałe — działają w systemie rotacji: menedżer wydaje znacznik kierowcy przy załadunku, po kursie kierowca zwraca znacznik z dokumentami, a ten sam znacznik jest wydawany na następny kurs już z innym pojazdem. Potrzebna jest platforma internetowa: znaczniki wysyłają dane na nasz serwer, klienci (zakłady) wchodzą na stronę i widzą na mapie swoje pojazdy w czasie rzeczywistym. Każdy zakład widzi TYLKO swoje znaczniki. Część 1. Backend Rozwinąć Traccar (open-source) na VPS. VPS kupujemy my, kandydat rekomenduje konfigurację. Skonfigurować odbiór danych z znaczników TK-905B (protokół jest wspierany przez Traccar "z pudełka"). Pomóc z przekierowaniem znaczników z chińskiego serwera na nasz (komendy SMS).Multitenancy. Role:Admin (my): widzi wszystkie znaczniki, wszystkie firmy, wszystkie kursy. Tworzy firmy i użytkowników, przypisuje kursy firmom.Menedżer/dyspozytor (nasz pracownik na miejscu załadunku): wydaje i przyjmuje znaczniki (patrz moduł rotacji).Klient (zakład): login/hasło, widzi tylko swoje aktywne kursy i swoją historię. Nie widzi cudzych znaczników, wolnego puli i informacji służbowych. Część 2. Moduł rotacji znaczników (kluczowa logika) Każdy znacznik ma krótki numer w systemie (nr 1, nr 2, nr 3...), odpowiadający naklejce na obudowie. Wyszukiwanie znacznika po tym numerze.Wydanie: menedżer wybiera znacznik z puli → wprowadza numer pojazdu (pole obowiązkowe) + opcjonalnie: imię i nazwisko/telefon kierowcy, kierunek/punkt rozładunku, firma-zamawiająca. Operacja powinna zajmować sekundy: jedno okno, minimum pól. Od momentu wydania na mapie punkt podpisany numerem pojazdu i kursem (np. "AХ1234ВХ → Kijów"), a nie ID urządzenia.Ponowne wydanie = zamknięcie starego kursu + otwarcie nowego. Dla menedżera wygląda to jak "po prostu wpisał nowy numer pojazdu", ale system musi zachować historię powiązań: każdy okres pracy znacznika jest powiązany z numerem pojazdu, który był aktywny w danym momencie. Nadpisanie numeru z utratą historii — niedopuszczalne (w przeciwnym razie stare ślady będą podpisane cudzymi pojazdami).Zakończenie kursu i zwrot znacznika do magazynu — dwa oddzielne działania: kurs zamyka się przy rozładunku (powrotny transport znacznika z pocztą do klienta nie jest pokazywany), zwrot przekształca znacznik w status "w puli, wolny". Wolne znaczniki (w puli / na ładowaniu / wracają pocztą) na mapie klienta nie są wyświetlane. Admin widzi je ze statusami. Historia: dla każdego znacznika — wszystkie jego poprzednie kursy; dla każdej firmy — wszystkie jej kursy. Część 3. Frontend (strona internetowa) Makieta strony:Na środku — żywa mapa z pojazdami w czasie rzeczywistym (aktualizacja bez przeładowania strony, WebSocket/polling). Ikony pojazdów; kliknięcie na pojazd → karta: numer pojazdu, kierowca, kierunek, prędkość, czas ostatniego oznaczenia, status (w ruchu / stoi / brak połączenia).Po prawej — panel profilu zalogowanego użytkownika: nazwa firmy, lista jej aktywnych kursów ze statusami online/offline, szybkie przejście do pojazdu na mapie.Na górze — wyszukiwanie po swoich znacznikach/pojazdach (po numerze pojazdu, numerze znacznika, kierunku). Strona logowania. Responsywność na urządzenia mobilne (menedżerowie i klienci będą otwierać z telefonu). Funkcje:Historia trasy za wybrany okres (odtwarzanie śladu na mapie).Raport o postojach: gdzie stał pojazd, od kiedy do kiedy, ile godzin (przykład: "Kijów, wt 08:00 — czw 09:00, 49 godz.").Geostrefy: admin obrysowuje na mapie strefy (zakład, punkty rozładunku). Raport o czasie w strefach + powiadomienia o wjeździe/wyjeździe (w interfejsie; e-mail/Telegram — dodatkowo, do omówienia). Eksport raportów do Excel/PDF — dodatkowo. Część 4. Wymagania techniczne Backend: API Traccar (REST + WebSocket). Niestandardowa logika rotacji — oddzielną warstwą nad Traccar (własna usługa + Baza Danych) lub przez atrybuty Traccar, według uznania wykonawcy, ale z uzasadnieniem. Frontend: React lub Vue. Mapa: Leaflet + OpenStreetMap (lub Google Maps, jeśli uzasadnisz). Skonfigurować automatyczne czyszczenie historii współrzędnych starszych niż 6 miesięcy (polityka retencji w Traccar / po uzgodnieniu), aby baza nie rozrastała się w nieskończoność. Raporty i podsumowania kursów za stare okresy powinny być zachowane. Język interfejsu: ukraiński (rosyjski — dodatkowo, przełącznik nie jest obowiązkowy na początku). Dane i serwer są całkowicie nasze: żadnych powiązań z zewnętrznymi zamkniętymi usługami. Część 5. Oddanie projektu Działająca platforma na naszej domenie. Wszystkie dostępności: VPS, Traccar, baza, repozytorium z kodem. Krótka instrukcja (tekst lub wideo): jak dodać nowy znacznik, jak stworzyć firmę/użytkownika, jak menedżer wydaje i przyjmuje znaczniki. 2–4 tygodnie wsparcia po oddaniu na poprawki błędów (do omówienia). Pytania do kandydata (obowiązkowo odpowiedzieć w odpowiedzi) Czy rozwijałeś Traccar? Czy robiłeś niestandardowy frontend nad API Traccar? Linki/zrzuty ekranu przykładów. Jak proponujesz zrealizować multitenancy i moduł rotacji (krótko, 3–5 zdań)? Termin i cena: (a) MVP — mapa, loginy, rotacja, postoje; (b) pełna wersja z geostrefami i raportami. Rekomendowana konfiguracja VPS pod ~20–50 znaczników.