Adaptacyjna strona internetowa z prostym panelem administracyjnym (React + Node.js)
Stworzyć responsywną stronę internetową z prostym panelem administracyjnym do samodzielnego dodawania treści — zdjęć, wideo, dźwięku, tekstu, tabel cenowych.
Cel — mieć uniwersalny szablon, który łatwo aktualizować bez znajomości programowania.
Technologie
Frontend: React + TypeScript (responsywne układanie, podstawowa struktura SEO).
Backend: Node.js + Express.
Baza danych: MongoDB lub PostgreSQL.
Panel administracyjny: uproszczony formularz z polami “prześlij zdjęcie, wideo, tekst, tabelę cenową”.
Języki strony
Polski (główny).
Ukraiński.
Białoruski.
Struktura strony
1. Strona główna
Animowany baner (3 slajdy ze zdjęciami lub wideo).
4 klikalne bloki usług (zdjęcie, krótki tekst, przycisk “Dowiedz się więcej”).
Blok “Kontakty” — mapa, telefon, email.
Osobna aplikacja/przycisk do przejścia do WhatsApp.
Menu: Strona główna, Usługi, Galeria zdjęć, Galeria wideo, Artykuły, Kontakty.
2. Strona usługi
Nazwa, krótki opis.
Możliwość dodawania zdjęć, wideo, dźwięku (nieobowiązkowe dla każdej strony).
Blok tekstowy z opisem i tabelą cenową.
Miejsce na kalkulator kosztów (wyświetlane tylko jeśli dodane).
Kalendarz rezerwacji — synchronizacja z osobistym kalendarzem (Google lub analog).
3. Galeria prac
Galeria zdjęć — siatka z możliwością przeglądania w powiększeniu.
Galeria wideo — pliki wideo lub osadzenie YouTube.
4. Artykuły
Lista publikacji z podglądem (zdjęcie, krótki opis).
Pełna strona artykułu z mediami (zdjęcia, wideo, dźwięk).
5. Kontakty
Mapa, telefon, email.
Przycisk “Napisz na WhatsApp” — otwiera czat.
Formularz “Zamów telefon”.
Ikony mediów społecznościowych.
Wymagania techniczne
Jeden użytkownik z dostępem do panelu administracyjnego.
Obsługiwane formaty plików:
Zdjęcia — JPEG, PNG
Wideo — MP4, osadzenie YouTube
Dźwięk — MP3
Miejsce na kalkulator automatycznie znika, jeśli nie jest dodane.
Minimalistyczny design, czyste białe tło, płynne przejścia, bez nadmiaru animacji.
Formularz zwrotnego połączenia i strona podziękowania (Thank-you page)
Na stronie ma być formularz “Zamów telefon” z polami: Imię, Telefon, Wiadomość (nieobowiązkowe).Po pomyślnym wysłaniu formularza otwiera się nowe okno (osobna strona) z komunikatem podziękowania — thank-you page.
Ta strona jest używana do śledzenia konwersji Google Ads.
1. Panel administracyjny
Jeden użytkownik z pełnym dostępem.
Możliwość edytowania, usuwania i podglądania wszystkich dodanych mediów i tekstów.
Przechowywana historia zmian treści (opcjonalnie, dla bezpieczeństwa).
2. Kalendarz rezerwacji
Synchronizacja z Google Calendar.
Automatyczne blokowanie zajętych dat i godzin.
Możliwość edytowania lub usuwania rezerwacji w panelu administracyjnym.
3. Formularz zwrotnego połączenia
Pola: Imię, Telefon, Wiadomość (nieobowiązkowe), data/godzina (nieobowiązkowo).
Wnioski są przechowywane w bazie danych i duplikowane na email administratora.
Dodatkowe integracje: opcjonalnie WhatsApp lub SMS.
4. Media
Obsługiwane formaty: Zdjęcia — JPEG, PNG; Wideo — MP4 lub osadzenie YouTube; Audio — MP3.
Maksymalny rozmiar plików: Zdjęcia — 10 MB, Wideo — 50 MB, Audio — 20 MB.
Automatyczne zmniejszenie rozmiaru zdjęć dla szybkiego ładowania.
5. Kalkulator
Miejsce na kalkulator wyświetlane jest tylko przy dostępności.
Logika: zależność ceny od ilości i opcji.
Administrator może edytować formuły i ceny przez panel.
6. Wielojęzyczność
Trzy języki: polski (główny), ukraiński, białoruski.
Panel administracyjny pozwala edytować wszystkie teksty i media dla każdego języka.
7. Design
Minimalistyczny szablon z białym tłem.
Płynne przejścia i podstawowa animacja banera.
Pełna responsywność: mobilne, tablety, desktop.
8. SEO i wydajność
Podstawowe SEO: meta-tag, nagłówki, URL.
Optymalizacja mediów dla szybkiego ładowania.
9. Integracje
Przycisk WhatsApp otwiera czat.
Strona podziękowania do śledzenia konwersji Google Ads.
Integracja Google Analytics dla statystyk.
10. Hosting / wdrożenie
Wdrożenie na dowolnym hostingu Node.js.
Certyfikat SSL, podstawowe kopie zapasowe.
Będę wdzięczny, jeśli przeczytasz to do końca i zadzwonisz z pytaniami.
-
97 3 0 1 Cześć!
Zobaczyłem twój projekt i jest dla mnie interesujący. Mam doświadczenie zarówno w outsourcingu, jak i w rozwoju produktów, i świetnie pracuję w zespole.
🔥 Moje kluczowe umiejętności:
✅ Rozwój SPA i aplikacji internetowych
✅ Optymalizacja wydajności
✅ Prowadzenie i wsparcie projektów
✅ Jakościowy i czysty kod
… 💻 Technologie: HTML, CSS, JavaScript, React, Vue, Git
Jeśli zależy ci na jakościowym i niezawodnym rozwiązaniu – jestem gotów omówić szczegóły. Można się ze mną skontaktować tutaj lub w dogodnym formacie.
Co myślisz? Będę zadowolony ze współpracy!
-
1098 5 0 Cześć, jestem gotów podjąć się pracy.
Cena wyniesie 20 000 UAH.
Proponuję zrobić to na nest next js, aby sama strona była szybsza.
Doprowadzimy ją do zielonych stref.
Pisz, będę zadowolony ze współpracy.
-
15075 32 0 1 Dzień dobry!
Nazywam się Walenty z Arctic Web. Zajmujemy się doradztwem IT oraz pełnym cyklem rozwoju: od projektowania UX/UI po rozwój stron internetowych i aplikacji mobilnych oraz integracje. Jesteśmy gotowi podjąć się realizacji Twojego projektu i podzielić się przykładami podobnych przypadków w wiadomościach prywatnych.
Z poważaniem,
Zespół Arctic Web
Freelancehunt
-
835 7 0 1 Dzień dobry, Roman.
Jestem gotowy stworzyć stronę internetową z panelem administracyjnym na React.
Cena za godzinę wynosi od 15$. Czy mogę zobaczyć specyfikację techniczną do oceny?
Proponuję omówić szczegóły projektu.
Pracujemy z WP, MOdx, Laravel, Yii2, React.
Przykład landingów: https://docs.google.com/document/d/1m5oHbYvSOTMHqEXjKGqMKzEg3WWxHvKDlWf2khixjpE/edit
Przykład strony firmy: https://docs.google.com/document/d/1OIlJKvV--oUgndLV_7gvUSJf5RbsZ4i0CWdGedhuRtE/edit?usp=sharing
Przykład sklepu internetowego: https://docs.google.com/document/d/1QqchaqJbq-4Clxm1BULy2aj7tEoaNQNNi0j_qhJ8x7E/edit?usp=sharing
… Przykłady Bitrix: https://docs.google.com/document/d/1vqJK7r6Ryxm4J3HQ7YSmuljOYAfMyJr8mr0wA76WJcA/edit?usp=sharing
-
605 2 0 Przeczytałem uważnie 👍
Przed oceną chciałem wyjaśnić kilka kwestii, aby od razu zaprojektować optymalną strukturę (i nie zrobić „zbędnych” w backendzie czy adminie):
🔹 Panel administracyjny — czy potrzebne jest, aby miał drag-and-drop dla mediów/tabl, czy wystarczą zwykłe pola formularzy z przesyłaniem plików?
🔹 Kalkulator — czy ma być tylko tekstowy (na przykład: ilość × cena), czy z formułami i polami wyboru (typ usługi, opcja, zniżka)?
🔹 Kalendarz Google — synchronizacja jednostronna (tylko pokazać zajęte daty) czy dwustronna (tworzyć wydarzenia w Google przy rezerwacji)?
… 🔹 Struktura SEO — czy potrzebna jest możliwość edytowania meta-tagów (tytuł/opis) w każdej wersji językowej przez panel administracyjny?
🔹 Wielojęzyczność — trzy oddzielne URL (na przykład /pl, /ua, /by) czy automatyczny przełącznik według języka przeglądarki?
🔹 Hosting — czy planujecie wdrożenie na swoim serwerze (VPS/Ubuntu) czy lepiej zrobić wdrożenie na gotowym hostingu Node typu Render lub Vercel + Mongo Atlas?
🔹 Makiety projektowe — czy są już gotowe w Figma, czy potrzebna pomoc z systemem UI (banery, tabele, style formularzy)?
Po odpowiedziach będę mógł ocenić dokładny stos technologiczny, zakres prac i zaproponować etapowy plan realizacji 💡
-
12600 63 1 Roman, dobrego dnia.
W czym główne zadanie strony? Jeśli potrzebne jest SEO od Google i GPT, proponuję wziąć Next zamiast Reacta, również w kwestii admina, po co robić od zera, można wziąć Strapi.
Mam pytania do formuł, proszę o wyjaśnienie formuł ich struktury, a wtedy będę mógł powiedzieć, czy będzie można je zmieniać w adminie, być może miałeś na myśli zmienianie parametrów, które są w formule, to nie ma problemu.
-
1212 7 0 Cześć 👋
Jestem Ruslan, programistą full-stack z doświadczeniem w tworzeniu responsywnych stron internetowych i paneli administracyjnych na Node.js + React + TypeScript + MongoDB / PostgreSQL.
W twoim projekcie widzę wyraźną logikę, którą mogę zrealizować pod klucz:
– backend na Node.js + Express z REST API, autoryzacją, powiadomieniami email i integracją z Google Calendar;
– frontend na React + TypeScript z wielojęzycznością (polski / ukraiński / białoruski) i responsywnym designem;
– wygodny panel administracyjny do samodzielnego dodawania zdjęć, wideo, dźwięku, tabel cen;
– formularz „zamów telefon” z stroną podziękowania dla Google Ads, integracja z WhatsApp, Google Analytics i SEO-optymalizacją.
… Mam doświadczenie w tworzeniu podobnych systemów CMS z możliwością rozszerzenia funkcjonalności (rezerwacja, kalkulator, statystyka).
GitHub: github.com/RuslanZotsenko22
Jestem gotowy omówić szczegóły projektu, terminy i koszty — jestem pewien, że mogę stworzyć dokładnie ten uniwersalny szablon, który opisałeś.
-
2041 21 0 Dzień dobry, chciałbym pracować nad waszym projektem, stos React Mongo Nest, mam dużo napisanego i przetestowanego kodu, plus mam wiele szablonów. Będę zadowolony ze współpracy.
-
9944 117 0 Witam.
Jestem programistą NodeJS. Jestem gotów podjąć się zadania. Piszcie, omówimy.
-
556 1 0 Cześć! 😉
Mogę stworzyć responsywną stronę internetową z prostym panelem administracyjnym, abyś mógł samodzielnie dodawać zdjęcia, filmy, audio, teksty i tabele cenowe bez znajomości programowania.
Proponuję realizację na React + TypeScript dla front-endu oraz Node.js + Express dla back-endu, z bazą danych MongoDB lub PostgreSQL. Panel administracyjny będzie maksymalnie prosty i intuicyjny: przesyłanie mediów, tekstów, tabel cenowych, edytowanie i podgląd.
Cechy:
Wielojęzyczność: polski (główny), ukraiński i białoruski; możliwość edytowania tekstów i mediów dla każdego języka.
…
Media: zdjęcia, filmy (MP4/YouTube), audio (MP3) z ograniczeniem rozmiaru i automatyczną optymalizacją.
Kalkulator kosztów: wyświetlany tylko przy dostępności, administrator może edytować formuły i ceny.
Kalendarz rezerwacji: synchronizacja z Google Calendar, automatyczne blokowanie zajętych dat.
Formularz zwrotnego połączenia i strona podziękowania do śledzenia konwersji Google Ads, integracja WhatsApp.
SEO i szybkość: podstawowe meta-tagi, nagłówki, URL, optymalizacja mediów.
Design: minimalistyczny, biały tło, płynne przejścia, pełna responsywność.
Budżet wynosi około 35000–45000 UAH, czas realizacji – do 25 dni z uwzględnieniem testów i integracji.
Aby lepiej zrozumieć Twoje priorytety, chciałabym wyjaśnić:
Czy kalkulator kosztów ma wspierać skomplikowane formuły z wieloma opcjami, czy wystarczy podstawowa logika „ilość × cena”?
Czy media powinny być od razu optymalizowane przy przesyłaniu, czy można to robić zbiorczo przez panel administracyjny?
Będę zadowolona ze współpracy!
-
166 Dobry wieczór! Jestem gotów zająć się twoim projektem, pracuję z tym stosem, możemy omówić wszystkie szczegóły.
Aktualne zlecenia dla freelancerów w kategorii Javascript & Typescript
Wykonanie szablonu komponentu React/Tailwind do druku formularza A4Potrzebna jest poprawa projektu UI/UX oraz geometrii jednego komponentu React (szablon karty klinicznej do druku w PDF) Cała funkcjonalność, tablice danych i logika są już napisane i działają — potrzebne są tylko kosmetyczne zmiany, poprawne odstępy i pozycjonowanie elementów… Układ HTML i CSS, Javascript & Typescript ∙ 1 godzina 27 minut temu ∙ 17 ofert |
Szukam doświadczonego programisty Full Stack do stworzenia usługi SaaS dla sklepów internetowych.Pomysł usługi: Klient przesyła link do swojego pliku produktowego (XML lub CSV). Usługa automatycznie pobiera produkty, pobiera ich zdjęcia i tworzy nowe reklamy na podstawie gotowych szablonów: cena, zniżka, logo, banery promocyjne itp. Usługa powinna również zawierać prosty… Javascript & Typescript, Programowanie stron internetowych ∙ 22 godziny 38 minut temu ∙ 69 ofert |
Rozwój sceny WebGL/Three.js z generowaniem i eksportem 3D (snapshot) z animowanego shaderaOpis obiektu: Projekt przedstawia designerski stół, wykonany w formie realistycznego, głębokiego wiru (centralna wirówka, która płynnie przechodzi z szerokiego poziomego blatu w cienką, elegancką nogę). Istota zadania: Wymagany jest programista WebGL / Creative Coding do… Javascript & Typescript, Programowanie stron internetowych ∙ 1 dzień 19 godzin temu ∙ 27 ofert |
Wsparcie i rozwój strony internetowej firmy sprzątającej
75 PLN
Szukam programisty / webmastera do długoterminowego wsparcia i rozwoju strony internetowej firmy sprzątającej. Strona: https://donely.ca O projekcie DoneLy Home Services — firma świadcząca usługi sprzątania w Kanadzie, która aktywnie się rozwija i rozszerza zasięg działalności.… Javascript & Typescript, Programowanie stron internetowych ∙ 3 dni 21 godzin temu ∙ 63 oferty |
Opracowanie strony internetowej według specyfikacji na FramerTrzeba zrobić stronę według tych parametrów, które są w specyfikacji https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Podajcie rzeczywistą stawkę na podstawie tego projektu Układ HTML i CSS, Javascript & Typescript ∙ 4 dni 22 godziny temu ∙ 27 ofert |