Написать калькулятор на сайт на 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
4150 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 дизайнер с большим опытом и пониманием, как сделать сайт, который продает, и 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
95878 1272 1 10 7 дней25 728 UAHЗдравствуйте. У меня большой опыт с React. Могу помочь с фронтендом, но не с дизайном.
-
15 дней102 913 UAH
8788 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Добрый день. Разрабатываю веб-сайты под ключ. В своем стеке технологий использую React и многое другое. Могу разработать высококачественный и функциональный проект, исходя из ваших потребностей. Для детального ознакомления с условиями сотрудничества и окончательной оценки работы предлагаю перейти в ЛС.
-
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
571 4 1 4 дня8748 UAHЗдравствуйте!
Я делал калькулятор для обработки заказов по дверям (довольно похоже на ваше решение).
Могу реализовать с адаптивным и кроссбраузерным дизайном.
Буду рад сотрудничеству.
-
2 дня5660 UAH
2532 38 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
Поддержка и развитие сайта клининговой компании
906 UAH
Ищу веб-разработчика / веб-мастера для долгосрочной поддержки и развития сайта клининговой компании. Сайт: https://donely.ca О проекте DoneLy Home Services — компания по предоставлению услуг уборки в Канаде, которая активно развивается и расширяет географию работы. Ищу… Javascript и Typescript, Веб-программирование ∙ 15 часов 10 минут назад ∙ 53 ставки |
Разработка сайта по ТЗ на FramerНеобходимо сделать сайт по этим параметрам, что в ТЗ https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Назовите реальный рейд на основе этого дизайна HTML и CSS верстка, Javascript и Typescript ∙ 1 день 16 часов назад ∙ 26 ставок |
Разработка интерактивной карты Palworld для сайтаНеобходимо разработать интерактивную карту Palworld по примеру: https://palworld.gg/map Нам нужна не просто статическая картинка, а полноценная интерактивная карта, где пользователь может смотреть локации, включать / выключать категории объектов, искать нужные точки и… HTML и CSS верстка, Javascript и Typescript ∙ 3 дня 7 часов назад ∙ 32 ставки |
Разработка платформы AM Mobility (автосервис, парковка, страхование, аренда автомобилей)
257 282 UAH
Ищем команду или опытного Full Stack разработчика для создания MVP платформы AM Mobility. AM Mobility — это единая цифровая экосистема для автомобилистов, объединяющая в одном приложении и веб-платформе: парковку; автосервис; шиномонтаж; автомойку; аренду автомобилей;… Javascript и Typescript, Веб-программирование ∙ 8 дней 13 часов назад ∙ 119 ставок |
Gsap анимации
1000 UAH
Добрый день. Нужно внести правки в текущем проекте. Нужен специалист, который хорошо работает на gsap/lenis Нужно сделать анимацию карточек. Подробное ТЗ здесь: https://www.figma.com/design/5bLEJudN5LPpB9ZSoJa2Eb/Untitled?m=auto&t=qwyluUctL1lrMNvh-6 Нужно… Javascript и Typescript, Веб-программирование ∙ 8 дней 19 часов назад ∙ 21 ставка |