Budżet: 6500 UAH Termin: 5 dni
Cześć, Ilya! Zapoznałem się ze wszystkimi kwestiami technicznymi oraz finalną częścią specyfikacji. Poniżej dodaję jasny plan architektoniczny, stos technologiczny oraz oszacowanie Twojej mapy:
1. ALGORITHM IMPLEMENTATION AND OPTIMIZATION:
• Od czego zacznę: Stworzenie architektury danych (JSON) oraz przygotowanie warstwy kafli lub statycznego obrazu mapy o wysokiej rozdzielczości.
• Jak zbuduję mapę: Za pomocą Leaflet.js zintegrować mapę w kontenerze React, ustawić granice (bounds) oraz poziomy powiększenia (min/max zoom).
• Jak będę przechowywać punkty: W strukturalnych plikach JSON (podzielonych według kategorii). To przyspieszy ładowanie, a dla SEO strona będzie renderowana na serwerze (SSR).
• Jak zrealizuję filtry i wyszukiwanie: Przez React State (hooki useMemo). Sortowanie i filtrowanie punktów będą odbywać się natychmiastowo po stronie klienta bez przeładowania strony.
• Optymalizacja dużej liczby punktów: Użyję technologii "Marker Clustering" (grupowanie znaczników przy oddalaniu mapy). To całkowicie uratuje przeglądarkę przed lagami, nawet jeśli punktów będzie tysiące.
2. MÓJ STOS TECHNOLOGICZNY DO PROJEKTU:
• Framework frontendowy: Next.js (App Router). Idealnie spełni Twoje wymagania dotyczące SEO (serwerowe renderowanie meta-tagów dla każdej strony lub popupu).
• Biblioteka mapowa: Leaflet.js (react-leaflet) — najlżejsza i najstabilniejsza biblioteka do takich zadań.
• Format przechowywania danych: JSON dla maksymalnej szybkości.
3. OSZACOWANIE CZASU I KOSZTÓW:
• Wersja MVP (Podstawowa mapa, ruch, zoom, podstawowe znaczniki w JSON): 2-3 dni / 3500 UAH.
• Pełna wersja (Wszystkie filtry, sidebar, niestandardowe ikony, optymalizacja klastrów + interaktywne wyszukiwanie): 4-5 dni / 5000 UAH.
• Oddzielny panel administracyjny (MVP na React do wizualnego dodawania/edycji punktów kliknięciem oraz eksportu do zaktualizowanego JSON): +1-2 dni / +1500 UAH.
4. PRZYKŁADY PODOBNYCH PRAC:
Mam doświadczenie w tworzeniu skomplikowanych interaktywnych interfejsów na React z dużymi zbiorami danych (JSON datasets) oraz dynamicznym zarządzaniem stanem. Przykłady mojej aktualnej pracy w zakresie rozwoju interaktywnych systemów i dashboardów na Next.js / Tailwind CSS można zobaczyć tutaj:
- Interaktywny system obliczeń: https://estimate-dashboard-nu.vercel.app/
- Wielokomponentowy UI dashboard: https://polish-stretch-ceili-1ifn.bolt.host/
Gwarantuję responsywny design (na urządzenia mobilne), czysty kod z komentarzami oraz pełną zgodność ze specyfikacją. Jestem gotowy do rozpoczęcia!