Write a calculator for the website in React
Each question on a new page
The site will consist of two parts, the client fills out the first part, a few questions, then the second part to tell more about their accommodation
Part one
Question 1:
Your current situation?
- Homeowner
- Signed the purchase agreement for the property
- Looking for accommodation
Question 2:
What is the size of the accommodation?
(input field)
Question 3 (Page 3):
Your contact information?
- Phone number
- Postal code
Page 4
Cost of renovation - xxx (depends on the size of the accommodation from question 2 * by the coefficient 900 which equals the average price per square meter
Add a button to continue to evaluate the renovation in more detail
————
If the client clicks continue to evaluate the renovation in more detail, we move to the second part
Part 2
Page 1
Information about the construction?
- Construction address
- Postal code
- City
Page 2
Budget?
input field
Page 3
Type of accommodation?
- Apartment
- House
- Other
Page 4
Number of rooms?
- Hallway (counter to change the quantity +-)
- Kitchen (counter to change the quantity +-)
- Bathroom (counter to change the quantity +-)
- Toilet (counter to change the quantity +-)
- Rooms (counter to change the quantity +-)
- Living room (counter to change the quantity +-)
- Others
Page 5
Start date of construction?
- calendar to select a date
Page 6
Do you need to modify/move walls?
- yes
- no
Page 7
Do you need to make a drywall ceiling?
- yes
- no
Page 8
What modifications need to be made?
input field
Page 9
Do you need to create or modify the kitchen?
- Create a kitchen
- Move the kitchen
- Renovate
- no
Page 10
What modifications need to be made?
input field
Page 11
Do you need to create or modify the bathroom?
- Create a bathroom
- Renovate
- Move
Page 12
What needs to be installed in the bathroom?
- Bathtub (add counter +-)
- Shower tray (add counter +-)
- Sink (add counter +-)
Page 13
How many toilets do you want?
- Toilet (add counter +-)
Page 14
What modifications need to be made?
input field
Page 15
Do you want to do painting work in your accommodation?
- yes
- no
If the client answers yes to the previous question, this question appears
(Page)
Which rooms do you want to repaint?
Hallway (counter to change the quantity +-)
- Kitchen (counter to change the quantity +-)
- Bathroom (counter to change the quantity +-)
- Toilet (counter to change the quantity +-)
- Rooms (counter to change the quantity +-)
- Living room (counter to change the quantity +-)
- Others
Page 16
Do you want to replace the floor?
- yes
- no
-yes
Page 18
Do you want to replace the electrical system?
- only sockets/switches
- partially
- make it up to standard
- no
Page 19
What is the heating system?
- electric
- central
- individual
Page 20
Is it necessary to do internal thermal insulation?
- walls
- ceiling
- both
- no
Page 21
Do you want to replace the doors?
- yes
- no
Page 22
Do you want to replace the windows?
- yes
- no
Page 22
Do you know your current energy level?
- yes
- no
If the client answers yes ——— Page
Your level?
- A
- B
- C
- D
- E
- F
- G
Page
What level do you want to achieve?
- A
- B
- C
- D
- E
Page 25
Describe what else you want to add?
Input field
Last page
Write a summary of all answers, and a field to add the apartment plan
Add a plan file to the project
Button to confirm and send
The site must be responsive, modern design, and responses must be sent to the email
-
2 days115 USD2 days115 USD
I am a full-stack developer with over 3 years of experience, specializing in creating modern and responsive web applications using React and Next.js. I have experience working with Figma and responsive layout both in pure HTML/CSS and using Tailwind.
I am ready to discuss details, deadlines, and start working at a time convenient for you. I would be happy to collaborate!
I will also provide examples of my work.
-
10 days1032 USD
430 10 days1032 USDGood day! 😊
Thank you for the detailed description — I have carefully reviewed all the stages, forms, and the logic of transitions between pages. This is a wonderful, well-structured project, and I am happy to take on its implementation.
⚒️ I will fully cover:
multi-page logic for saving responses;
adaptive, modern design with smooth navigation between steps;
…
calculation of repair costs based on the entered area;
conditional questions (those that appear depending on previous answers);
interactive counters, input fields, date selection, etc.;
final summary with the option to attach the apartment plan;
sending all collected data to the administrator's email.
🔒 All data will be processed correctly, without loss during the transitions between pages, even in the mobile version.
🕐 As for the timelines — everything depends on the volume of the design, but I can implement the basic version quite quickly. If needed, I will provide a demonstration along the way.
I am ready to start working soon if everything is okay. If there are any nuances or additional requests — we can discuss them openly 🙂
-
14 days734 USD
8817 27 0 1 14 days734 USDHello! I am ready to implement your project — a step-by-step form with responsive design, transition logic, cost calculation, and data submission to email. I will make it modern and convenient. Deadline — 7-14 days. Write to me, and we will discuss the details!
-
7 days573 USD
2060 25 0 7 days573 USDGood day. I am ready to start working after discussing the details.
I will program a calculator in React. I will select a modern HTML template, and we can also use some UI library to draft the layout based on the prototype. Additionally, I will create a light transition animation between pages. I will set up a script for sending responses to your email.
Message me privately, and we will discuss the project in more detail.
-
1 day29 USD
162 1 day29 USDHello!
I can complete the work.
I will do quality work, with over 10 years of experience.
-
1 day34 USD
144 1 day34 USDChatGPT said:
Hello, my name is Javid, I am ready to create a website for detailed renovation assessment, which will consist of two parts, responsive and with modern design, as you described. Below is the project structure, taking into account all requirements.
Main functions:
Part 1 — Initial information:
Question 1: Your current situation:
Homeowner
… Signed the purchase act of the property
Searching for property
Question 2: What is the size of the property? (input field)
Question 3: What is your contact information?
Email
Phone number
Postal code
Page 4: Cost of renovation:
The cost is calculated through a coefficient based on the size of the property, with a continue button for detailed assessment.
Part 2 — Detailed information about the renovation:
Page 1: Construction information:
Construction address
Postal code
City
Page 2: Budget (input field)
Page 3: Type of property:
Apartment
House
Other
Page 4: Number of rooms:
Hallway, kitchen, bathroom, toilet, rooms, living room, others — with the ability to change the quantity via a counter.
Page 5: Start date of construction (calendar for selection)
Page 6: Is it necessary to modify/move walls?
Yes
No
Page 7: Is it necessary to make a drywall ceiling?
Yes
No
Page 8: What modifications need to be made? (input field)
Pages 9-14: Modifications for bathroom, kitchen, toilets, and painting work. (counters for each item)
Pages 15-18: Replacement of flooring, electricity, heating system, and thermal insulation.
Pages 19-21: Replacement of doors and windows.
Pages 22-23: Energy level and upgrading level.
Page 24: Description of additional wishes (input field)
Page 25: Summary of all answers with the ability to add a floor plan:
Adding a project plan file.
"Confirm and send" button.
Technical requirements:
Responsiveness: The site will be optimized for mobile devices, providing a good user experience on all screens.
Design: Modern, minimalist interface with simple and clear UX/UI. Structure based on cards and steps for ease of filling out.
Data submission system:
Responses will be sent to the specified email.
When the form is submitted, a summary of all user data will be generated, with the ability to upload the floor plan.
Validation: All forms will include data validation (for example, for email, phone, and other mandatory fields).
Technologies:
Frontend: HTML5, CSS3, JavaScript (for interactive elements and counters), possibly using libraries for forms (on
-
10 days1948 USD
13013 67 0 10 days1948 USDHello! I will complete your task quickly and efficiently.
My portfolio: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Write to me, I will start working today. I will be happy to collaborate with you!
-
7 days251 USD
89 7 days251 USDGood day, I am interested in your project - therefore I am ready to complete it efficiently and according to your wishes. I have extensive experience - over 5 years.
-
7 days401 USD
86 7 days401 USDI am a web developer with 2 years of experience, graduated from an educational institution with the relevant specialization, I can complete your project efficiently and quickly.
-
10 days1146 USD
470 3 0 10 days1146 USDHello!
I am interested in your project, and I am ready to implement it efficiently and quickly. I have experience in developing React applications and creating multi-page forms. I guarantee responsive design, user-friendly interface, and correct submission of responses to email.
What will be done:
- Implementation of a step-by-step form in React;
- Dynamic calculation of repair costs;
- Sending responses to e-mail;
- Optimization for mobile devices.
…
Ready to discuss the details!
-
3 days344 USD
161 0 1 3 days344 USDHi Vitalii Ilnytskyi,
Thank you for your post. I’ve reviewed your requirements and believe my experience could be a great fit.
I’ve previously developed a property booking platform, which you can explore here:
https://myrealprop.com/properties/
I’d love to discuss how I can contribute to your project.
… Looking forward to your thoughts.
Best regards,
Vasyl Uperuk
-
10 days1146 USD
875 9 2 10 days1146 USDHello, write to me in private messages to discuss in detail/call.
------------------------------------------------------------
-
1 day2063 USD
4120 8 0 1 1 day2063 USDHello! I understand the task, I can create a modern responsive website with a step-by-step form for data collection. Users' responses will be automatically sent to email, and the site will have a user-friendly interface with a housing plan upload feature.
-
7 days1261 USD
52 7 days1261 USDGood day!
I am ready to create your website using React, Next.js; I have a similar project with the same logic in my portfolio. The design will be done in the Material-UI style, with responsive layout for any device. I will upload the code to GitHub with automatic deployment to free hosting. Data submission can be implemented either via email or to Google Sheets. There is also the possibility to add multilingual support and user journey analytics. I will do everything in the best possible way. Write to me. Have a great day!
-
31 days2292 USD
798 3 0 31 days2292 USDGood day
I am the founder of the IT company Zentriflex.
In my team, there is a UX/UI designer with extensive experience and understanding of how to create a website that sells, and Full Stack developers who write quality code using the latest technologies and full support for SEO and DevOps, who will set up a reliable and budget-friendly infrastructure.
We work with technologies such as Node.js, Nest.js for the Back-end part, React.js, Next.js for the Front-end part.
We are ready to implement your idea.
We will be able to accurately assess the cost and timeline for development after agreeing on all the details.
… Examples of our work:
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 days516 USD
280 7 days516 USDHello, Vitalii
I read your description.
Thanks for detailed explaining the project.
I have a few questions regarding the project description.
1. Should they be sent via email only, or stored in a database for later access?
2. Should it match an existing website or have a unique look?
3. Should input fields have strict validation (e.g., email/phone format)?
last question: For which devices should it be adaptive (including tablets and mobiles?)
I would appreciate it if you could let me know about this question.
… I hope to work with you.
Thanks
Stanislav
-
7 days573 USD
95670 1272 1 10 7 days573 USDHello. I have extensive experience with React. I can help with the frontend, but not with the design.
-
15 days2292 USD
8753 60 0 1 15 days2292 USDGood day. Ready to execute.
I have experience in developing websites on React.
My portfolio:Freelancehunt
I will develop a system for collecting information from the client and calculating costs. I will implement all necessary functionality. I will create a user-friendly interface. I will connect the necessary integrations.
I will integrate the system into the website, set up responsiveness. I will ensure high speed of operation.
I will optimize. I will set up the sending of necessary information to email.
Write to me, we will discuss the details and I will start working.
-
30 days573 USD
287 9 0 30 days573 USDHello.
I am ready to take on your task.
My technology stack: HTML5, CSS3, SCSS, FlexBox, Grid, JS, React, PHP, Responsive layout, WordPress.
-
30 days573 USD
285 30 days573 USDGood day. I develop turnkey websites. In my tech stack, I use React and many other technologies. I can create a high-quality and functional project based on your needs. For a detailed understanding of the terms of cooperation and a final assessment of the work, I suggest moving to private messages.
-
1 day229 USD
7391 34 0 1 day229 USDGood day.
I have 10 years of development experience, working with the tech stack on React Native (+TypeScript), React.js (Next/SSR +TypeScript), backend Node.js (Express/Nest) + MongoDB, FireBase + TS.
I am ready to implement your project. Do you already have a ready design, or are you considering a turnkey development?
For an accurate estimate, we need to communicate.
Write to me, I will be happy to collaborate.
Sincerely, Oleksiy
-
3 days201 USD
872 15 4 3 days201 USDHello,
I am an experienced Full-Stack developer and have been working in development for over 4 years. I have extensive experience with React.JS and its frameworks. I have already practically developed a quiz and calculators. Message me privately, and we will discuss all the important points!
I look forward to collaborating with you!
-
3 days115 USD
640 2 0 3 days115 USDGood day! I am ready to take on the task. I have experience in html css scss tailwind css javascript react next js. Write to me, we will discuss the details.
-
7 days378 USD
3698 111 3 5 7 days378 USDHello, Vitalii
I am implementing a calculator website on React.js.
Sincerely, Yurii
-
4 days195 USD
546 4 1 4 days195 USDHello!
I created a calculator for processing orders for doors (quite similar to your solution)
I can implement it with responsive and cross-browser design.
I would be happy to collaborate.
-
2 days126 USD
2677 39 0 2 days126 USDGood afternoon! I have reviewed the task and am ready to start. I will do it with high quality. I have over 4 years of experience in development. I specialize specifically in React.
Some projects I have completed:
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
Current freelance projects in the category Javascript and Typescript
I am looking for an experienced Full Stack developer to create a SaaS service for online stores.Service idea: The client uploads a link to their product feed (XML or CSV). The service automatically retrieves the products, takes their photos, and creates new advertising images based on ready-made templates: price, discount, logo, promotional tags, etc. There should also be… Javascript and Typescript, Web Programming ∙ 19 hours 45 minutes back ∙ 69 proposals |
Development of a WebGL/Three.js scene with generation and export of 3D (snapshot) from an animated shaderObject Description:The project is a designer table shaped like a realistic, deep whirlpool (a central vortex that smoothly transitions from a wide horizontal tabletop to a thin elegant leg). Task Essence:A WebGL / Creative Coding developer is required to create an interactive 3D… Javascript and Typescript, Web Programming ∙ 1 day 16 hours back ∙ 27 proposals |
Support and development of the cleaning company's website
20 USD
I'm looking for a web developer/webmaster for long-term support and development of a cleaning company's website. Website: https://donely.ca About the project DoneLy Home Services is a cleaning service company in Canada that is actively growing and expanding its geographical… Javascript and Typescript, Web Programming ∙ 3 days 18 hours back ∙ 63 proposals |
Development of a website according to the specifications on FramerYou need to create a website based on the parameters in the technical specification. https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Please provide your actual rate based on this design. HTML & CSS, Javascript and Typescript ∙ 4 days 19 hours back ∙ 27 proposals |
Development of an interactive Palworld map for the websiteWe need to develop an interactive map for Palworld based on the example: https://palworld.gg/map We need not just a static image, but a full-fledged interactive map where users can view locations, toggle object categories on/off, search for specific points, and interact with… HTML & CSS, Javascript and Typescript ∙ 6 days 10 hours back ∙ 36 proposals |