Адаптивний сайт з простою адмінкою (React + Node.js)
Створити адаптивний сайт із простою адмінкою для самостійного додавання контенту — фото, відео, звуку, тексту, таблиць цін.
Мета — мати універсальний шаблон, який легко оновлювати без знання програмування.
Технології
Frontend: React + TypeScript (адаптивна верстка, базова SEO-структура).
Backend: Node.js + Express.
База даних: MongoDB або PostgreSQL.
Адмінка: спрощена форма з полями “завантажити фото, відео, текст, таблицю цін”.
Мови сайту
Польська (основна).
Українська.
Білоруська.
Структура сайту
1. Головна сторінка
Анімований банер (3 слайди з фото або відео).
4 клікабельні блоки послуг (фото, короткий текст, кнопка “Детальніше”).
Блок “Контакти” — карта, телефон, email.
Окремий додаток/кнопка для переходу у WhatsApp.
Меню: Головна, Послуги, Галерея фото, Галерея відео, Статті, Контакти.
2. Сторінка послуги
Назва, короткий опис.
Можливість додавання фото, відео, звуку (не обов’язково для кожної сторінки).
Текстовий блок з описом і таблицею цін.
Місце для калькулятора вартості (відображається лише якщо додано).
Календар бронювання — синхронізація з особистим календарем (Google або аналог).
3. Галерея робіт
Галерея фото — сітка з можливістю перегляду у збільшеному форматі.
Галерея відео — відеофайли або YouTube-embed.
4. Статті
Список публікацій із прев’ю (зображення, короткий опис).
Повна сторінка статті з медіа (фото, відео, звук).
5. Контакти
Карта, телефон, email.
Кнопка “Написати в WhatsApp” — відкриває чат.
Форма “Замовити дзвінок”.
Іконки соцмереж.
Технічні вимоги
Один користувач з доступом до адмінки.
Підтримувані формати файлів:
Фото — JPEG, PNG
Відео — MP4, YouTube-embed
Звук — MP3
Місце для калькулятора автоматично ховається, якщо він не доданий.
Мінімалістичний дизайн, чистий білий фон, плавні переходи, без надлишкових анімацій.
Форма зворотного дзвінка та сторінка подяки (Thank-you page)
На сайті має бути форма “Замовити дзвінок” із полями: Ім’я, Телефон, Повідомлення (необов’язкове).Після успішного відправлення форми відкривається нове вікно (окрема сторінка) з повідомленням подяки — thank-you page.
Ця сторінка використовується для відстеження конверсій Google Ads.
1. Адмінка
Один користувач з повним доступом.
Можливість редагувати, видаляти та попередньо переглядати всі додані медіа та тексти.
Зберігається історія змін контенту (опціонально, для безпеки).
2. Календар бронювання
Синхронізація з Google Calendar.
Автоматичне блокування зайнятих дат та часу.
Можливість редагувати або видаляти бронювання в адмінці.
3. Форма зворотного дзвінка
Поля: Ім’я, Телефон, Повідомлення (необов’язкове), дата/час (необов’язково).
Заявки зберігаються у базі даних та дублюються на email адміну.
Додаткові інтеграції: опціонально WhatsApp або SMS.
4. Медіа
Підтримувані формати: Фото — JPEG, PNG; Відео — MP4 або YouTube embed; Аудіо — MP3.
Максимальний розмір файлів: Фото — 10 МБ, Відео — 50 МБ, Аудіо — 20 МБ.
Автоматичне зменшення розміру фото для швидкого завантаження.
5. Калькулятор
Місце для калькулятора відображається тільки при наявності.
Логіка: залежність ціни від кількості та опцій.
Адмін може редагувати формули і ціни через панель.
6. Мультимовність
Три мови: польська (основна), українська, білоруська.
Адмінка дозволяє редагувати всі тексти та медіа для кожної мови.
7. Дизайн
Мінімалістичний шаблон з білим фоном.
Плавні переходи і базова анімація банера.
Повна адаптивність: мобільні, планшети, десктоп.
8. SEO та продуктивність
Базова SEO: meta-теги, заголовки, URL.
Оптимізація медіа для швидкого завантаження.
9. Інтеграції
Кнопка WhatsApp відкриває чат.
Сторінка подяки для відстеження конверсій Google Ads.
Google Analytics інтеграція для статистики.
10. Хостинг / деплой
Розгортання на будь-якому Node.js-хостингу.
SSL сертифікат, базове резервне копіювання.
Буду радий якщо дочитаэто до кінця і задасте питання.
-
117 3 0 1 Привіт!
Я побачив ваш проект, і він мені цікавий. Я маю досвід як в аутсорсингу, так і в продуктовій розробці, і я чудово працюю в команді.
🔥 Мої ключові навички:
✅ Розробка SPA та веб-додатків
✅ Оптимізація продуктивності
✅ Ведення та підтримка проектів
✅ Якісний та чистий код
… 💻 Технології: HTML, CSS, JavaScript, React, Vue, Git
Якщо вам важливе якісне та надійне рішення – готовий обговорити деталі. Можна зв'язатися тут або у зручному форматі.
Що думаєте? Буду радий співпраці!
-
1098 5 0 Доброго дня, готовий взятися за роботу.
Ціна буде 20 000 грн.
І пропоную зробити на nest next js, щоб сам сайт був швидшим.
Доведемо його до зелених зон.
Пишіть, буду радий співпрацювати.
-
15075 32 0 1 Добрий день!
Я Валентин з Arctic Web. Ми займаємось IT-консалтингом і повним циклом розробки: від UX/UI дизайну до веб і мобільної розробки та інтеграцій. Готові взяти ваш проєкт у роботу й поділитись прикладами схожих кейсів у особистих повідомленнях.
З повагою,
Arctic Web Team
Freelancehunt
-
835 7 0 1 Доброго дня, Роман.
Готовий розробити сайт з адмінкою під ключ на React.
Ціна за час від 15$.Чи можу побачити ТЗ для оцінки?
Пропоную обговорити деталі проект.
Працюємо з WP, MOdx, Laravel, Yii2, React.
Приклад Лендінгів: https://docs.google.com/document/d/1m5oHbYvSOTMHqEXjKGqMKzEg3WWxHvKDlWf2khixjpE/edit
Приклад Сайт компанії: https://docs.google.com/document/d/1OIlJKvV--oUgndLV_7gvUSJf5RbsZ4i0CWdGedhuRtE/edit?usp=sharing
Приклад Інтернет магазину: https://docs.google.com/document/d/1QqchaqJbq-4Clxm1BULy2aj7tEoaNQNNi0j_qhJ8x7E/edit?usp=sharing
… Приклади Бітрікс: https://docs.google.com/document/d/1vqJK7r6Ryxm4J3HQ7YSmuljOYAfMyJr8mr0wA76WJcA/edit?usp=sharing
-
605 2 0 Дочитав уважно 👍
Перед оцінкою хотів уточнити кілька моментів, щоб одразу спроєктувати оптимальну структуру (і не зробити «зайвого» у бекенді чи адмінці):
🔹 Адмінка — чи потрібно, щоб вона мала drag-and-drop для медіа/таблиць, чи достатньо звичайних формових полів із завантаженням файлів?
🔹 Калькулятор — чи має бути лише текстовий (наприклад: кількість × ціна), чи з формулами й полями вибору (тип послуги, опція, знижка)?
🔹 Google Calendar — синхронізація одностороння (тільки показати зайняті дати) чи двостороння (створювати події в Google при бронюванні)?
… 🔹 SEO-структура — чи потрібна можливість редагувати мета-теги (title/description) у кожній мовній версії через адмінку?
🔹 Мультимовність — три окремі URL (наприклад /pl, /ua, /by) чи автоперемикач за мовою браузера?
🔹 Хостинг — чи плануєте розгортати на своєму сервері (VPS/Ubuntu) чи бажано зробити деплой на готовому Node-хостингу типу Render або Vercel + Mongo Atlas?
🔹 Дизайн-макети — чи вони вже готові у Figma, чи потрібно допомогти з UI-системою (банери, таблиці, стилі форм)?
Після відповідей я зможу оцінити точний стек, обсяг робіт і запропонувати поетапний план реалізації 💡
-
12416 63 1 Роман, доброго дня.
В чому головна задача сайту? Якщо потрібне сео від Гугла і gpt пропоную взяти next замість реакта, також по адмін ці питання, для чого робити з нуля, можна взяти strapi.
Є питання до формул, уточніть формули їх структуру, і тоді зможу сказати чи можна буде їх змінювати в адмінці, можливо ви мали на увазі змінювати параметри які є в формулі, то це без проблем.
-
1212 7 0 Привіт 👋
Я Руслан, full-stack розробник із досвідом створення адаптивних сайтів та адмін-панелей на Node.js + React + TypeScript + MongoDB / PostgreSQL.
У вашому проєкті бачу чітку логіку, яку можу реалізувати під ключ:
– backend на Node.js + Express із REST API, авторизацією, email-повідомленнями та інтеграцією з Google Calendar;
– frontend на React + TypeScript із мультимовністю (польська / українська / білоруська) та адаптивним дизайном;
– зручна адмінка для самостійного додавання фото, відео, звуку, таблиць цін;
– форма “замовити дзвінок” із thank-you сторінкою для Google Ads, інтеграція з WhatsApp, Google Analytics і SEO-оптимізацією.
… Маю досвід створення подібних CMS-систем із можливістю розширення функціоналу (бронювання, калькулятор, статистика).
GitHub: github.com/RuslanZotsenko22
Готовий обговорити деталі проєкту, строки та вартість — впевнений, що зможу створити саме той універсальний шаблон, який ви описали
-
2041 21 0 Доброго дня, хотів би попрацювати над вашим проектом, стек реакт монго нест, маю багато написаного і протестованого коду плюс маю багато шаблонів. Буду радий співпраці
-
9927 117 0 Вітаю.
Я NodeJS розробник. Готовий взятися. Пишіть, обговоримо.
-
556 1 0 Привіт! 😉
Можу створити адаптивний сайт із простою адмінкою, щоб ви могли самостійно додавати фото, відео, аудіо, тексти та таблиці цін без знання програмування.
Пропоную реалізацію на React + TypeScript для фронтенду та Node.js + Express для бекенду, з базою даних MongoDB або PostgreSQL. Адмінка буде максимально проста і інтуїтивна: завантаження медіа, тексту, таблиць цін, редагування та попередній перегляд.
Особливості:
Мультимовність: польська (основна), українська та білоруська; можливість редагування текстів та медіа для кожної мови.
…
Медіа: фото, відео (MP4/YouTube), аудіо (MP3) із обмеженням розміру та автоматичною оптимізацією.
Калькулятор вартості: відображається тільки при наявності, адміністратор може редагувати формули і ціни.
Календар бронювання: синхронізація з Google Calendar, автоматичне блокування зайнятих дат.
Форма зворотного дзвінка та сторінка подяки для відстеження конверсій Google Ads, інтеграція WhatsApp.
SEO та швидкість: базові meta-теги, заголовки, URL, оптимізація медіа.
Дизайн: мінімалістичний, білий фон, плавні переходи, повна адаптивність.
Бюджет орієнтовно 35000–45 000 грн, термін виконання – до 25 днів з урахуванням тестування та інтеграцій.
Щоб краще розуміти ваші пріоритети, хотіла б уточнити:
Калькулятор вартості має підтримувати складні формули з кількома опціями, чи досить базової логіки «кількість × ціна»?
Чи потрібно, щоб медіа відразу оптимізувалося при завантаженні, чи можна робити це пакетно через адмінку?
Буду рада співпраці!
-
166 Доброго вечора! Готовий взятися за ваш проєкт, працюю із цим стеком, можемо обговорити всі деталі
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Оптимізація Core Web Vitals (OpenCart) під Google PageSpeed — Мобільна та ПК версіїОпис замовлення: Шукаємо досвідченого frontend-розробника/фахівця з OpenCart для оптимізації швидкості завантаження сайту (категорії та картки товарів) під вимоги Google Core Web Vitals. Про проект: * CMS: OpenCart. * Специфіка: Сайт працює в режимі каталогу (кошика та… CMS, Javascript та Typescript ∙ 1 день 13 годин тому ∙ 17 ставок |
Оптимізація швидкості сайту WordPress
5092 UAH
повні деталі надішлемо в особисті повідомлення Мета Максимально прискорити завантаження сайту, особливо на мобільних пристроях. KPI (обов'язково) Після завершення робіт необхідно досягти наступних показників. Mobile Performance 90+ LCP менше 2.2 сек INP менше 200 мс CLS менше… HTML та CSS верстання, Javascript та Typescript ∙ 2 дні 8 годин тому ∙ 65 ставок |
Інтеграція калькулятора вартості послуг на сайт Webflow
14 825 UAH
Шукаємо розробника для інтеграції готового калькулятора вартості послуг на наш сайт, створений на Webflow. Про компанію Ми займаємося: збіркою меблів; монтажем телевізорів; монтажем полиць, картин, дзеркал та інших предметів; moving help; heavy lifting; handyman послугами;… Javascript та Typescript, Веб-програмування ∙ 2 дні 9 годин тому ∙ 63 ставки |
Шукаємо Odoo Developer — соло-розробника з досвідом розробки на Odoo 19 Community EditionЄ робочий, чисто спроектований проєкт на Odoo 19 Community — CRM для українського готелю, уже в production-grade інфраструктурі. Переписувати з нуля не плануємо. Шукаємо одну людину, яка підхопить проєкт, збереже працююче і поведе його далі: спершу CRM → потім HMS → бухгалтерія.… Javascript та Typescript, Веб-програмування ∙ 4 дні 10 годин тому ∙ 2 ставки |
Шукаю досвідченого Full Stack розробника для створення SaaS-сервісу для інтернет-магазинів.Ідея сервісу: Клієнт завантажує посилання на свій товарний фід (XML або CSV). Сервіс автоматично отримує товари, бере їхні фотографії та створює нові рекламні зображення за готовими шаблонами: ціна, знижка, логотип, акційні плашки тощо. Також у сервісі має бути простий редактор… Javascript та Typescript, Веб-програмування ∙ 5 днів 15 годин тому ∙ 87 ставок |