Написати калькулятор на сайт на React
Кожне запитання на новій сторінці
Сайт буде складатися з двох частин, клієнт заповнює частину, декілька питань, потім другу частину щоб розказати більше про своє помешкання
Частина перша
Запитання 1 :
Ваша актуальна ситуація?
- Власник житла
- Підписав акт купівлі житла
- В пошуку житла
Запитання 2:
Який розмір житла?
(поле для вводу)
Запитання 3 (Сторінка 3):
Ваша контактна інформація?
- Пошта
- Номер телефону
- Поштовий індекс
Сторінка 4
Вартість ремонту - ххх (залежіть від розміру житла з питання 2 * на коефіцієнт 900 який дорівнює середній ціні квадратного метра
Додай Кнопка можливості продовжити більш детально оцінити ремонт
————
Якщо клієнт натискає продовжити більше детально оцінити ремонт переходимо до другої частини
Частина 2
Сторінка 1
Інформація про стройку?
- Адреса стройки
- Поштовий індекс
- Місто
Сторінка 2
Бюджет ?
поле для вводу
Сторінка 3
Тип житла?
- Квартира
- Будинок
- Інше
Сторінка 4
Кількість кімнат?
- Прихожа (лічильник щоб можна змінити кільтість +-)
- Кухня (лічильник щоб можна змінити кільтість +-)
- Ванна (лічильник щоб можна змінити кільтість +-)
- Туалет (лічильник щоб можна змінити кільтість +-)
- Кімнати (лічильник щоб можна змінити кільтість +-)
- Зал (лічильник щоб можна змінити кільтість +-)
- Інші
Сторінка 5
Дата початку будівництва?
- календар для можливості вибрати дату
Сторінка 6
Чи потрібно модифікувати/переносити стіни?
- так
- ні
Сторінка 7
Чи потрібно робити стелю з гіпсокартону?
- так
- ні
Сторінка 8
Які модифікації треба внести?
поле для вводу
Сторінка 9
Чи потрібно створити або модифікувати кухню?
- Створити кухню
- Перемістити кухню
- Реставрувати
- ні
Сторінка 10
Які модифікації треба внести?
поле для вводу
Сторінка 11
Чи потрибно створити або модифікувати ванну?
- Створити ванну
- Реставрувати
- Перемістити
Сторінка 12
Що потрібно поставити у ванній?
- Ванну (додати лічильник +-)
- Душовий піддон (додати лічильник +-)
- Мийка (додати лічильник +-)
Сторінка 13
Скільки ви хочете туалетів?
- Туалет(додати лічильник +-)
Сторінка 14
Які модифікації треба внести?
поле для вводу
Сторінка 15
Ви хочете робити малярні роботи у вашому житлі?
- так
- ні
Якщо клієнт відповідає так в попередньому питанні зʼявляється це запитання
(Сторінка)
Які кімнати ви хочете перемалювати?
Прихожа (лічильник щоб можна змінити кільтість +-)
- Кухня (лічильник щоб можна змінити кільтість +-)
- Ванна (лічильник щоб можна змінити кільтість +-)
- Туалет (лічильник щоб можна змінити кільтість +-)
- Кімнати (лічильник щоб можна змінити кільтість +-)
- Зал (лічильник щоб можна змінити кільтість +-)
- Інші
Сторінка 16
Ви хочете замінити підлогу?
- так
- ні
-є
Сторінка 18
Ви хочете замінити електрику?
- тільки розетки/вимикачі
- частково
- зробити щоб була в нормі
- ні
Сторінка 19
Яка система оплалення?
- електрична
- загальна
- індивідувальна
Сторінка 20
необхіднр зробити внутрішню термічну ізоляцію?
- стіни
- стеля
- обидва
- ні
Сторінка 21
Ви хочете замінити двері?
- так
- ні
Сторінка 22
Ви хочете замінити вікна?
- так
- ні
Сторінка 22
Ви знаєте ваш поточний енергетичний рівень?
- так
- ні
Якщо клієнт відповідає так ——— Сторінка
Ваш рівень?
- A
- B
- C
- D
- E
- F
- G
Сторінка
Який рівень ви хочете отримати?
- A
- B
- C
- D
- E
Сторіника 25
Опишіть що ви ще хочете додати?
Поле для вводу
Остання сторінка
Напиши резюме всіх відповідей, і поле щоб додати план квартири
Додати файл плану до проекту
Кнопка підтвердити і надіслати
Сайт має бути адаптивний, сучасний дизайн, відповіді мають приходити на електронну пошту
-
2 дні5146 UAH2 дні5146 UAH
Я фулстек-розробник із більш ніж 3-річним досвідом, що спеціалізується на створенні сучасних та адаптивних веб-додатків із використанням React та Next.js. У мене є досвід роботи з Figma та адаптивною версткою як на чистому HTML/CSS, так і з використанням tailwind.
Готовий обговорити деталі, терміни та почати роботу у зручний для вас час. Буду радий співпраці!
Приклади робіт також надам.
-
10 днів46 311 UAH
430 10 днів46 311 UAHДоброго дня! 😊
Дякую за детальний опис — я уважно ознайомилась з усіма етапами, формами й логікою переходів між сторінками. Це чудовий, добре структурований проєкт, і я з радістю візьмусь за його реалізацію.
⚒️ Я повністю покрию:
мультисторінкову логіку збереження відповідей;
адаптивний, сучасний дизайн із плавною навігацією між кроками;
…
розрахунок вартості ремонту на основі введеної площі;
умовні запитання (ті, що зʼявляються залежно від попередніх відповідей);
інтерактивні лічильники, поля вводу, вибір дати тощо;
фінальне резюме з можливістю прикріпити план квартири;
відправку всіх зібраних даних на електронну пошту адміністратора.
🔒 Усі дані будуть оброблятися коректно, без втрат на етапах переходу між сторінками, навіть у мобільній версії.
🕐 По строках — усе залежить від обʼєму дизайну, але базову реалізацію я зможу зробити досить швидко. Якщо буде потрібно — надам демонстрацію вже по ходу.
Готова почати роботу найближчим часом, якщо все ок. Якщо є якісь нюанси або додаткові побажання — відкрито обговоримо 🙂
-
14 днів32 932 UAH
8817 27 0 1 14 днів32 932 UAHПривіт! Готовий реалізувати ваш проект — покрокову форму з адаптивним дизайном, логікою переходів, розрахунком вартості та відправкою даних на email. Зроблю сучасно та зручно. Термін — 7-14 днів. Пишіть, обговоримо деталі!
-
7 днів25 728 UAH
2060 25 0 7 днів25 728 UAHДобрий день. Готовий приступити до роботи після обговорення деталей.
Запрограмую калькулятор на реакт. Підберу сучасний html шаблон, також можна використати якусь ui бібліотеку і по прототипу накидати верстку. Додатково зроблю легку анімацію переходу між сторінками. Налаштую скрипт із надсиланням відповідей на вашу пошту.
Пишіть у пп, детальніше обговоримо проєкт.
-
1 день1286 UAH
162 1 день1286 UAHПривіт!
Можу виконати роботу.
Зроблю якісну роботу, досвід роботи понад 10 років.
-
1 день1544 UAH
144 1 день1544 UAHChatGPT сказав:
Здравствуйте Меня зовут Джавид, готов створити веб-сайт для детальної оцінки ремонту, який буде складатися з двох частин, адаптивний і з сучасним дизайном, як ви описали. Нижче представлена структура проекту, з урахуванням всіх вимог.
Основні функції:
Частина 1 — Початкова інформація:
Питання 1: Ваша актуальна ситуація:
Власник житла
… Підписав акт купівлі житла
В пошуках житла
Питання 2: Який розмір житла? (поле для вводу)
Питання 3: Ваша контактна інформація?
Пошта
Номер телефону
Поштовий індекс
Сторінка 4: Вартість ремонту:
Вартість обчислюється через коефіцієнт на основі розміру житла, з кнопкою продовжити для детальної оцінки.
Частина 2 — Детальна інформація про ремонт:
Сторінка 1: Інформація про будівництво:
Адреса будівництва
Поштовий індекс
Місто
Сторінка 2: Бюджет (поле для вводу)
Сторінка 3: Тип житла:
Квартира
Будинок
Інше
Сторінка 4: Кількість кімнат:
Передпокій, кухня, ванна, туалет, кімнати, зал, інші — з можливістю зміни кількості через лічильник.
Сторінка 5: Дата початку будівництва (календар для вибору)
Сторінка 6: Чи потрібно модифікувати/переносити стіни?
Так
Ні
Сторінка 7: Чи потрібно робити стелю з гіпсокартону?
Так
Ні
Сторінка 8: Які модифікації потрібно внести? (поле для вводу)
Сторінка 9-14: Модифікації для ванної, кухні, туалетів і малярних робіт. (лічильники для кожного елемента)
Сторінка 15-18: Заміна підлоги, електрики, системи опалення і термічна ізоляція.
Сторінка 19-21: Заміна дверей і вікон.
Сторінка 22-23: Енергетичний рівень і підвищення рівня.
Сторінка 24: Опис додаткових побажань (поле для вводу)
Сторінка 25: Резюме всіх відповідей з можливістю додавання плану квартири:
Додавання файлу плану проекту.
Кнопка "Підтвердити і надіслати".
Технічні вимоги:
Адаптивність: Сайт буде оптимізований для мобільних пристроїв, забезпечуючи хороший користувацький досвід на всіх екранах.
Дизайн: Сучасний, мінімалістичний інтерфейс з простим і зрозумілим UX/UI. Структура на основі карток і кроків для зручності заповнення.
Система відправки даних:
Відповіді будуть відправлятися на вказану електронну пошту.
При відправці форми буде генеруватися резюме всіх даних користувача, з можливістю завантаження плану квартири.
Валідація: Усі форми будуть включати валідацію даних (наприклад, для пошти, телефону та інших обов'язкових полів).
Технології:
Frontend: HTML5, CSS3, JavaScript (для інтерактивних елементів і лічильників), можливо використання бібліотек для форм (на
-
10 днів87 476 UAH
13013 67 0 10 днів87 476 UAHВітаю! Виконаю ваше завдання швидко і якісно.
Моє портфоліо: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Пишіть, почну сьогодні працювати. Буду радий співпраці з Вами!
-
7 днів11 269 UAH
89 7 днів11 269 UAHДоброго дня, цікавить ваш проект - тому готовий виконати його якісно та відповідно до ваших побажань. Маю великий досвід - більше 5 років.
-
7 днів18 010 UAH
86 7 днів18 010 UAHя розробник сайтів з 2-річним стажем, закінчив навчальний заклад з відповідною спеціалізацією, можу зробити ваш проект якісно та швидко
-
10 днів51 456 UAH
470 3 0 10 днів51 456 UAHВітаю!
Мене зацікавив ваш проєкт, і я готовий реалізувати його якісно та швидко. Я маю досвід у розробці React-додатків і створенні багатосторінкових форм. Гарантую адаптивний дизайн, зручний інтерфейс та коректну відправку відповідей на електронну пошту.
Що буде зроблено:
-Реалізація покрокової форми на React;
-Динамічний розрахунок вартості ремонту;
-Відправка відповідей на e-mail;
-Оптимізація для мобільних пристроїв.
…
Готовий до обговорення деталей!
-
3 дні15 437 UAH
161 0 1 3 дні15 437 UAHПривіт Віталій Ільницький,
Дякую за ваш пост. Я переглянув ваші вимоги і вважаю, що мій досвід може бути чудовим варіантом.
Раніше я розробляв платформу для бронювання нерухомості, яку ви можете переглянути тут:
https://myrealprop.com/properties/
Я б хотів обговорити, як я можу внести свій внесок у ваш проект.
… Чекаю на ваші думки.
З найкращими побажаннями,
Василь Уперук
-
10 днів51 456 UAH
875 9 2 10 днів51 456 UAHПривіт, напишіть в лс щоб обговорити детально/позвонити
------------------------------------------------------------
-
1 день92 621 UAH
4120 8 0 1 1 день92 621 UAHПривіт! Завдання зрозумів, можу створити сучасний адаптивний сайт з покроковою формою для збору даних. Відповіді користувачів автоматично надсилатимуться на email, а сайт матиме зручний інтерфейс із функцією завантаження плану житла.
-
7 днів56 602 UAH
52 7 днів56 602 UAHДоброго дня!
Готовий зробити ваш сайт на React, Next.js, в портфоліо є аналогічний проект із такою ж логікою. Дизайн буде виконаний у стилі Material-UI, з адаптивною версткою під будь-який пристрій, код вигружу на github з автоматичним деплоєм на безкоштовний хостинг. Відправка даних можно реалізувати як на пошту, так і в гугл таблицю. Також є можливість додати мультимовність та збір аналітики за маршрутом користувача. Все зроблю у найкращому вигляді. Пишіть. Гарного дня!
-
31 день102 913 UAH
798 3 0 31 день102 913 UAHДоброго дня
Я засновник ІТ-компанії Zentriflex.
В моїй команді є UX/UI designer з великим досвідом та розумінням як зробити сайт, який продає та Full Stack розробники, які пишуть якісний код використовуючи останні технології й повну підтримку SEO та DevOps, який налаштує надійну та бюджетну інфраструктуру.
Ми працюємо з такими технологіями, як Node.js, Nest.js для Back-end частини, React.js, Next.js для Front-end частини
Ми готові реалізувати вашу ідею.
Точно оцінити вартість та терміни розробки зможемо після узгодження всіх деталей
… Приклади наших робіт:
https://freelancehunt.com/showcase/work/anime-hub/1928035.html
https://freelancehunt.com/showcase/work/minecraft-design/1883122.html
https://freelancehunt.com/showcase/work/evakuator-kalush-ta-ivano-frankivska-oblast/1876643.html
https://freelancehunt.com/showcase/work/hookahs/1860388.html
https://freelancehunt.com/showcase/work/tpsi/1861529.html
https://freelancehunt.com/showcase/work/herbalife/1858287.html
https://freelancehunt.com/showcase/work/internet-magazin-sem-sushi/1856724.html
https://freelancehunt.com/showcase/work/sozy-nest/1795705.html
https://freelancehunt.com/showcase/work/traffic-booster/1784237.html
https://freelancehunt.com/showcase/work/digital-marketing/1784236.html
https://freelancehunt.com/showcase/work/video-edition-landing/1784211.html
https://freelancehunt.com/showcase/work/tressor-bakery/1784242.html
https://freelancehunt.com/showcase/work/handyman-24-7/1784226.html
https://freelancehunt.com/showcase/work/wedding-photography-landing/1784218.html
https://freelancehunt.com/showcase/work/inspire-california-website/1784182.html
-
7 днів23 155 UAH
280 7 днів23 155 UAHПривіт, Віталію
Я прочитав твоє опис.
Дякую за детальне пояснення проекту.
У мене є кілька запитань щодо опису проекту.
1. Чи повинні вони надсилатися лише електронною поштою, чи зберігатися в базі даних для подальшого доступу?
2. Чи повинно це відповідати існуючому веб-сайту або мати унікальний вигляд?
3. Чи повинні поля введення мати сувору валідацію (наприклад, формат електронної пошти/телефону)?
останнє питання: Для яких пристроїв це повинно бути адаптивним (включаючи планшети та мобільні телефони)?
Я був би вдячний, якщо б ти міг повідомити мене про це питання.
… Сподіваюся на співпрацю з тобою.
Дякую
Станіслав
-
7 днів25 728 UAH
95670 1272 1 10 7 днів25 728 UAHВітаю. Є великий досвід з React.Можу допомогти з фронтендом,але не з дизайном
-
15 днів102 913 UAH
8753 60 0 1 15 днів102 913 UAHДобрий день. Готовий виконати.
Маю досвід розробки сайтів на React.
Моє портфоліо:Freelancehunt
Розроблю систему для сбору інформації від клієнта та розрахунку вартості. Реалізую весь необхідний функціонал. Зроблю зручний інтерфейс. Підключу необхідні інтеграції.
Інтегрую систему на сайт, налаштую адаптивність. Забезпечу високу швидкість роботи.
Оптимізую. Налаштую відправку необхідної інформації на пошту.
Пишіть, обговоримо деталі і я приступлю до роботи.
-
30 днів25 728 UAH
287 9 0 30 днів25 728 UAHПривіт.
Готовий взятися за виконання вашого завдання.
Мій стек технологій: HTML5, CSS3, SCSS, FlexBox, Grid, JS, React, PHP, Адаптивна верстка, WordPress.
-
30 днів25 728 UAH
285 30 днів25 728 UAHДобрий день. Розробляю веб сайти під ключ. В ствоєму стеку технологій використовую реакт та багато іншого. Можу розробити фисокоякісній та функціональний проект вихпдячи із ваших потреб. Для детального ознайомлення з умовами співпраці та кінечної оцінки роботи пропоную перейти вв ЛС.
-
1 день10 291 UAH
7391 34 0 1 день10 291 UAHДобрий день.
Маю 10 річний досвід розробки, працюю з техстеком на React Native (+TypeScript), React.js (Next/SSR +TypeScript), backend Node.js (Express/Nest) + MongoDB, FireBase + TS
Готовий реалізувати Ваш проект. Чи вже маєте готовий дизайн, чи розглядаєте розробку під ключ?
Для точної оцінки треба поспілкуватися.
Пишіть, буду радий співпраці.
З повагою, Олексій
-
3 дні9005 UAH
872 15 4 3 дні9005 UAHПривіт,
Я є досвідченим Full-Stack розробником і займаюся розробкою вже більше 4-х років. Маю величезний досвід роботи з React.JS та його фреймворками. Вже мав на практиці розробку quiz'a та калькуляторів. Напишіть мені в ЛС, обговоримо всі важливі моменти!
Буду радий співпраці з Вами!
-
3 дні5146 UAH
640 2 0 3 дні5146 UAHДоброго дня! Готовий взятися за задачу. Маю досвід html css scss tailwind css javascript react next js. Пишить оговоримо деталі.
-
7 днів16 981 UAH
3698 111 3 5 7 днів16 981 UAHВітаю, Vitalii
Реалізую сайт калькулятор на React.js.
З повагою, Юрій
-
4 дні8748 UAH
546 4 1 4 дні8748 UAHВітаю!
Робив калькулятор для обробки замовлень по дверях(доволі схоже до вашого рішення)
Можу реалізувати з адаптивним та кросбраузерним дизайном.
Буду радий співпрацювати.
-
2 дні5660 UAH
2677 39 0 2 дні5660 UAHДобрий день! Ознайомився з завданням, готовий приступити. Зроблю якісно. Маю досвід у розробці більше 4 років. Спеціалізуюсь якраз на react
Деякі проекти, які я зробив:
https://freelancehunt.com/showcase/work/sayt-avtomobilnyih-poputchikov/1715396.html
https://freelancehunt.com/showcase/work/sozdal-veb-prilozhenie-na-tematiku-filmov/1669505.html
https://freelancehunt.com/showcase/work/sozdal-servis-po-ustanovke-video/1654292.html
…
https://freelancehunt.com/showcase/work/thestrapskiev/1524952.html
https://freelancehunt.com/showcase/work/sozdal-sayt-po-prodazhe-kofe/1645313.html
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Верстка React/Tailwind компонента для друку бланка А4Потрібно поправити UI/UX дизайн та геометрію одного React-компонента (шаблон клінічної карти для друку в PDF) Весь функціонал, масиви даних та логіка вже написані й працюють — потрібна суто косметика, правильні відступи та позиціонування елементів за допомогою Tailwind CSS Стек… HTML та CSS верстання, Javascript та Typescript ∙ 3 години 13 хвилин тому ∙ 31 ставка |
Шукаю досвідченого Full Stack розробника для створення SaaS-сервісу для інтернет-магазинів.Ідея сервісу: Клієнт завантажує посилання на свій товарний фід (XML або CSV). Сервіс автоматично отримує товари, бере їхні фотографії та створює нові рекламні зображення за готовими шаблонами: ціна, знижка, логотип, акційні плашки тощо. Також у сервісі має бути простий редактор… Javascript та Typescript, Веб-програмування ∙ 1 день тому ∙ 73 ставки |
Розробка WebGL/Three.js сцени з генерацією та експортом 3D (снапшот) з анімованого шейдераОпис об'єкта:Проект являє собою дизайнерський стіл, виконаний у формі реалістичного, глибокого водовороту (центральна воронка, яка плавно переходить з широкої горизонтальної стільниці в тонку витончену ніжку). Суть задачі:Потрібен WebGL / Creative Coding розробник для створення… Javascript та Typescript, Веб-програмування ∙ 1 день 20 годин тому ∙ 29 ставок |
Підтримка та розвиток сайту клінінгової компанії
906 UAH
Шукаю веб-розробника / вебмайстра для довгострокової підтримки та розвитку сайту клінінгової компанії. Сайт: https://donely.ca Про проєкт DoneLy Home Services — компанія з надання послуг прибирання в Канаді, яка активно розвивається та розширює географію роботи. Шукаю… Javascript та Typescript, Веб-програмування ∙ 3 дні 22 години тому ∙ 63 ставки |
Розробка сайту по ТЗ на FramerПотрібно зробити сайт по цим параметрам що в тз https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Називайте реальний рейт на основі цього дизайну HTML та CSS верстання, Javascript та Typescript ∙ 4 дні 23 години тому ∙ 27 ставок |