# Car Wash Company

![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2F4bZOpl9u7PHoghlKySzd%2Fcar_wash1.jpg?alt=media\&token=6e3524d9-7a58-41a0-8c40-0a415c540dda)

Car wash Services are popular among residents in cities and towns. This is a highly profitable business. If you operate a car wash, you may be considering developing a cost estimation tool for your enterprise. In this tutorial, we’ll make a Cost Calculator Tool only for Car Wash companies, 

Here’s the details, 

The Full Backend looks like this,

![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FB7Ey9cAZDDm3EASx1X07%2Fcar_wash_elements1.png?alt=media\&token=1d7c2b75-2ae7-4da2-bd70-732ebee34f1e)

Firstly, the client needs to select the Wash Type that your company provides. We’re using a  **Drop Down** option for that,

![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2F44sgdIZFL3eMPdZzsf2l%2Fcar_wash_basic_wash1.png?alt=media\&token=447dd88e-592e-4e46-8999-88e8fd33331e)

Secondly, we need to know what type of car the client wants to wash. For that, we are going to add a **Drop Down** option for “Car Type’’,

![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FWAJfv6AfzfmCNwNBA6jB%2Fcar_wash_car_type1.png?alt=media\&token=ff021a9e-7e12-4c66-ab4a-4e0343c268a3)

The price will vary depending on the type of the car. 

Next, the client can select if they want to wash their “Wheels’’ using the **Toggle Button**,

![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2F6RK2S4vXZhx5ptH4h35A%2Fcar_wash_toggle_button1.png?alt=media\&token=7a5e289d-99c7-45b8-8260-09054a6cd911)

If yes, they need to select the “Number of Wheels” they want to be washed. We’re using a **Rangle Field** to find out that,

![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FnbMXmJPsihjdICHIhLTj%2Fcar_wash_range_button_wheels1.png?alt=media\&token=e35b0705-4b39-4357-9ab7-697e48382447)

You can edit the Minimum and Maximum Range for the wheels. Here, each wheel wash costs 5$ as we set it in the Range Unit. 

Next, we are going to add a **Drop Down** menu for the type of protection for the car,

![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FVMBhI65veiszKlMKhfZl%2Fcar_wash_drop_down_protection1.png?alt=media\&token=8ededc53-5da4-42f6-99fa-f9e0e233895c)

Following that, we are again going to a **Drop Down** menu for the type of polish the client wants for the car:

![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2F0cTsWWk9LJjwGOAPigqw%2Fcar_wash_drop_down_polish1.png?alt=media\&token=da54e795-65d0-47f3-8b39-d1b311de29d2)

Afterwards, we will add a **Toggle Field** for “Underbody Wash” for the car,

![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FM4E2eCnEXEBbjIWlvcTP%2Fcar_wash_toggle_underbody1.png?alt=media\&token=8b6a1582-46b3-4f39-9c87-1d699884b1dd)

Then another **Toggle Field** will be added if the client wants a “Tire Gloss”

![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FJJVri4qRd3ev4c9WpfZg%2Fcar_wash_toggle_tire1.png?alt=media\&token=d36d3734-258e-475f-a590-20e226588c00)

Clients can choose the services they want just by turning on and off for the **Toggle Field**. The Total Formula would be like this,

![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2F2j79teg4zJIMVhLteOeK%2Fcar_wash_total_field1.png?alt=media\&token=dbf79980-343b-43c5-acd0-f98456f021fb)

**Frontend Preview:**

![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2Ft2BvvfEsS0tUiyPbAfIt%2Fcar_wash_frontend1.png?alt=media\&token=b61cdd07-5368-4650-9d84-89bf9ffd42f0)

**Exported Calculator:**

{% file src="<https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FXPhHRRKMZv273NlGDqny%2Fcar_wash_cost_calculator_demo.txt?alt=media&token=213bf420-7da6-44f5-b971-3533352852ea>" %}