# Tuition Fees

![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FoXx4gvNiYQvPQKHeOpy6%2Ftuition_fee1.jpg?alt=media\&token=15b54306-3296-4e1f-b135-a693901553d9)

Tuition expenses, whether at a university or a school, are a major source of concern for both students and parents. They have to make a budget even before the semester begins. For that reason, the cost calculator is an important aspect. In this post, we will show steps for a tuition-fee calculator. 

Let's go through the specifics, 

Backend Preview,

![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FahMnMPuLUqEbFmqPcKJp%2Ftuition_fee_backend1.png?alt=media\&token=ea286266-2f3b-4012-95d4-5f0cc68d7115)

At first, the student needs to clarify what subject they’re interested in. We’ll use the **Drop Down Menu** for this part,

![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FecmgiwOVyeE64mxrezgW%2Ftuition_fee_drop_down_major1.png?alt=media\&token=83ddef69-d0a7-4553-b103-f637ac29af47)

We’ve used four major subject choices and their annual fees in the Option Value.

Then, the student needs the books and supply costs for their studies. We’re adding a **Drop Down Menu** for the choices.

![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FwzQuRpFX2NnUj96GEMwB%2Ftuition_fee_drop_down_books1.png?alt=media\&token=9f0b7435-6e9c-4139-8689-287e12b41138)

We’ve added four options along with the expenses.

Thirdly, a residence needs to be chosen. Residence option is basically about the living option for a student during the year. For that we’ll use a **Radio Field**.

![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FbVomLSmJ7hR0exFrZCBa%2Ftuition_fee_radio-field_residence1.png?alt=media\&token=35132f97-a4dc-47d3-831b-e25abd8fd3e5)

If the student stays inside campus, then the total Cost will be counted, otherwise the cost will be zero for living expenses.

Afterwards, there’s a meal option included in the Tuition Fees for which we’re using a **Drop Down Menu**

![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FmLqPyDWpvO9IZTDqdP4s%2Ftuition_fee_drop_down_meal1.png?alt=media\&token=4c5c7441-3805-4901-a732-d1b80c597ce4)

Then, we’re going to add a **Toggle Field** to ask the student if they have a scholarship or not.

![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2F4naqFpZXVMfu46LvP3wq%2Ftuition_fee_toggle_field_scholarship1.png?alt=media\&token=b69dd82f-c07d-48a6-a287-c412d109c85c)

If they answer yes, then we’ll ask them the scholarship amount. We’re going to use a **Drop Down Menu** for this purpose,

![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FYEJMX5dlFzZzokewbOep%2Ftuition_fee_toggle_field_scholarship_amount1.png?alt=media\&token=77ef7378-8056-4c92-89d7-0dac19da8db6)

Here, we’ve added two options with negative value. This is because the scholarship amount will be deducted from the total Tuition Fee amount.

We'll utilize this method to calculate the entire summary,

![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FZgD8z3HltUydHg8eHzpx%2Ftuition_fee_total_field1.png?alt=media\&token=b6f08d96-6e3d-480a-b0ba-677067a7442e)

**Frontend Preview:**

![](https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FoOUhc4sCRoh7g6c44eYy%2Ftuition_fee_frontend1.png?alt=media\&token=1cbfcaed-0ecb-4522-a8ee-39f89f2df97d)

**Exported Calculator:**

{% file src="<https://834137925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MDTO7zmTA5-HpvK8JDA%2Fuploads%2FjhSkulymXbtyHsaM9dfi%2FTuition_Fee.txt?alt=media&token=4d2dcad6-d1ce-4117-a7c8-2ff0ca3e35b9>" %}