# Expense application,how to start?

**URL:** <https://community.thunkable.com/t/expense-application-how-to-start/2510350>\
**Category:** Questions about Thunkable X\
**Tags:** beginner, help\
**Created:** [July 18, 2023, 5:23am UTC](https://community.thunkable.com/t/expense-application-how-to-start/2510350 "2023-07-18T05:23:33Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![2021210088h3qh49](https://avatars.discourse-cdn.com/v4/letter/2/a5b964/32.png) [@2021210088h3qh49](https://community.thunkable.com/u/2021210088h3qh49)\
**Post date:** [July 18, 2023, 5:23am UTC](https://community.thunkable.com/t/expense-application-how-to-start/2510350/1 "2023-07-18T05:23:33Z")

</div>

I have a project that is due this Friday, and I haven’t completed my app yet because I’m struggling to understand how to use this particular code block. It’s difficult for me to grasp. Essentially, my app needs to allow users to track their budget and expenses. Additionally, I want to include a feature called “Spend-O-Meter” that will display the total amount of expenses and budget, and inform users about how much they have spent relative to their budget.

---

<div class="post-metadata">

**Author:** ![2021210088h3qh49](https://avatars.discourse-cdn.com/v4/letter/2/a5b964/32.png) [@2021210088h3qh49](https://community.thunkable.com/u/2021210088h3qh49)\
**Post date:** [July 18, 2023, 5:32am UTC](https://community.thunkable.com/t/expense-application-how-to-start/2510350/2 "2023-07-18T05:32:24Z")

</div>

Im not sure what im doing here ; [Thunkable](https://x.thunkable.com/copy/0269033f738087c691afee622a817b51)

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [July 18, 2023, 5:56am UTC](https://community.thunkable.com/t/expense-application-how-to-start/2510350/3 "2023-07-18T05:56:59Z")

</div>

Which particular code block?

It’s helpful that you included a link to your project but when there are many screens, you need to be really specific about which screen(s) you’re wanting help with.

You also need to explain what input you are providing and what output you are seeing and what the expected output should be.

You’re asking a lot so focus on **one step** that you need help with and someone here may be able to suggest a solution.

**I recommend providing a screenshot of the specific blocks you need help with.**

---

<div class="post-metadata">

**Author:** ![2021210088h3qh49](https://avatars.discourse-cdn.com/v4/letter/2/a5b964/32.png) [@2021210088h3qh49](https://community.thunkable.com/u/2021210088h3qh49)\
**Post date:** [July 18, 2023, 7:47am UTC](https://community.thunkable.com/t/expense-application-how-to-start/2510350/4 "2023-07-18T07:47:36Z")

</div>

I apologize for the numerous inquiries, but could we begin by discussing how to create a list where users can input their description and the corresponding amount? I’m considering using a spreadsheet to store the data, but I’m unsure if it’s the best approach. I attempted to use the Data List Viewer, but it doesn’t resemble a traditional spreadsheet due to an arrow that I can’t disable. On the other hand, I noticed that the Simple List feature does not have this issue. Thus, I’m inclined to use the Simple List, but I lack knowledge in coding and would greatly appreciate guidance on how to proceed since code block is not my strong suit.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [July 18, 2023, 2:26pm UTC](https://community.thunkable.com/t/expense-application-how-to-start/2510350/5 "2023-07-18T14:26:37Z")

</div>

The Simple List used to be called a List Viewer. So you can search the forums or Thunkable documentation or YouTube for how to use that.

Data Viewer List layouts can be customized but if you are new to Thunkable I would not recommend doing that for this project.

Yes, store your data in a spreadsheet. Your project may not be fully functional because of a limitation of how Thunkable accesses data in spreadsheets (see [Google Sheets data source doesn't update every time - #6 by matt\_conroy](https://community.thunkable.com/t/google-sheets-data-source-doesnt-update-every-time/2504230/6)). But at least you can make a prototype of an app to demonstrate how it _could_ work.

---

<div class="post-metadata">

**Author:** ![2021210088h3qh49](https://avatars.discourse-cdn.com/v4/letter/2/a5b964/32.png) [@2021210088h3qh49](https://community.thunkable.com/u/2021210088h3qh49)\
**Post date:** [July 18, 2023, 4:17pm UTC](https://community.thunkable.com/t/expense-application-how-to-start/2510350/6 "2023-07-18T16:17:11Z")

</div>

I have successfully implemented a feature where users can input data that will be displayed on the list. However, I’m unsure about the process of allowing users to input the amount on the list. Can you provide guidance on how to achieve this?

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [July 18, 2023, 6:48pm UTC](https://community.thunkable.com/t/expense-application-how-to-start/2510350/7 "2023-07-18T18:48:32Z")

</div>

Simple Lists only allow you to display one value at a time. Even though Data Viewer Lists are designed to display many different values, I recommend for time sake that you stick with a Simple List and use the Join block from the Text drawer to combine the text you want with the number you want.

---

<div class="post-metadata">

**Author:** ![2021210088h3qh49](https://avatars.discourse-cdn.com/v4/letter/2/a5b964/32.png) [@2021210088h3qh49](https://community.thunkable.com/u/2021210088h3qh49)\
**Post date:** [July 19, 2023, 3:51am UTC](https://community.thunkable.com/t/expense-application-how-to-start/2510350/8 "2023-07-19T03:51:15Z")

</div>

Could you please provide me with a tutorial on how to use the join block?

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [July 19, 2023, 5:07am UTC](https://community.thunkable.com/t/expense-application-how-to-start/2510350/9 "2023-07-19T05:07:42Z")

</div>

You can Google _join Thunkable_ and you’ll find the documentation for the Text blocks which include the Join block.

---

<div class="post-metadata">

**Author:** ![2021210088h3qh49](https://avatars.discourse-cdn.com/v4/letter/2/a5b964/32.png) [@2021210088h3qh49](https://community.thunkable.com/u/2021210088h3qh49)\
**Post date:** [July 19, 2023, 5:15am UTC](https://community.thunkable.com/t/expense-application-how-to-start/2510350/10 "2023-07-19T05:15:41Z")

</div>

I tried searching for references, but I’m struggling to merge two variables into a single list. I couldn’t find any examples that demonstrate how to combine two strings into one list, specifically using list viewer

---

<div class="post-metadata">

**Author:** ![2021210088h3qh49](https://avatars.discourse-cdn.com/v4/letter/2/a5b964/32.png) [@2021210088h3qh49](https://community.thunkable.com/u/2021210088h3qh49)\
**Post date:** [July 19, 2023, 5:51am UTC](https://community.thunkable.com/t/expense-application-how-to-start/2510350/11 "2023-07-19T05:51:53Z")

</div>

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/3/c37f7e5d9dc96711a6e4baad4c686a682e3b7fb5.png)  
opinion on this?

---

<div class="post-metadata">

**Author:** ![2021210088h3qh49](https://avatars.discourse-cdn.com/v4/letter/2/a5b964/32.png) [@2021210088h3qh49](https://community.thunkable.com/u/2021210088h3qh49)\
**Post date:** [July 19, 2023, 6:05am UTC](https://community.thunkable.com/t/expense-application-how-to-start/2510350/12 "2023-07-19T06:05:38Z")

</div>

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/9/4923914496334888b5fabb4b6d7b9b0c21eba7cb.png)

---

<div class="post-metadata">

**Author:** ![2021210088h3qh49](https://avatars.discourse-cdn.com/v4/letter/2/a5b964/32.png) [@2021210088h3qh49](https://community.thunkable.com/u/2021210088h3qh49)\
**Post date:** [July 19, 2023, 6:06am UTC](https://community.thunkable.com/t/expense-application-how-to-start/2510350/13 "2023-07-19T06:06:45Z")

</div>

However, when I click the add button, the screen disappears.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [July 19, 2023, 2:04pm UTC](https://community.thunkable.com/t/expense-application-how-to-start/2510350/14 "2023-07-19T14:04:46Z")

</div>

The problem is that you set combinedList to an empty list which turned it into a list but then you set it to the join block which turned it into a text string. So then when you tried to add a list item to combinedList, it crashed your project because a text string can’t have items added to it.

Try this:

 ![Image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/0/308beae1d98230aa462b65f4437afdfa30f50f47.jpeg)

You don’t have to replace the text inputs with variables but it seems like you were setting things up that way and I think it’s best practice to do that.

---

<div class="post-metadata">

**Author:** ![2021210088h3qh49](https://avatars.discourse-cdn.com/v4/letter/2/a5b964/32.png) [@2021210088h3qh49](https://community.thunkable.com/u/2021210088h3qh49)\
**Post date:** [July 19, 2023, 4:51pm UTC](https://community.thunkable.com/t/expense-application-how-to-start/2510350/15 "2023-07-19T16:51:15Z")

</div>

Thank you! Although it doesn’t crash, however the data won’t display on the list.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/8/d88ae12ba9806cb71b45dcb9c8e99732b6dfc614.png)

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [July 19, 2023, 6:44pm UTC](https://community.thunkable.com/t/expense-application-how-to-start/2510350/16 "2023-07-19T18:44:49Z")

</div>

If your code is not working, you need to post a screenshot of the blocks.

Showing a screenshot of the results may be helpful but if we only have that it’s a little bit like saying “I did some math and got the incorrect answer 17. Why?”

We need to see the math.

---

<div class="post-metadata">

**Author:** ![2021210088h3qh49](https://avatars.discourse-cdn.com/v4/letter/2/a5b964/32.png) [@2021210088h3qh49](https://community.thunkable.com/u/2021210088h3qh49)\
**Post date:** [July 20, 2023, 2:01am UTC](https://community.thunkable.com/t/expense-application-how-to-start/2510350/17 "2023-07-20T02:01:35Z")

</div>

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/e/5ee0ffcad4d789390813c71adfe7b35c78b8e2a2.png)  
my mistake

---

<div class="post-metadata">

**Author:** ![2021210088h3qh49](https://avatars.discourse-cdn.com/v4/letter/2/a5b964/32.png) [@2021210088h3qh49](https://community.thunkable.com/u/2021210088h3qh49)\
**Post date:** [July 20, 2023, 2:04am UTC](https://community.thunkable.com/t/expense-application-how-to-start/2510350/18 "2023-07-20T02:04:35Z")

</div>

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/e/3ee447ebfcecea9e6ad915cdaf798b950b385c5b.png)  
it works now,i remove 2 block of code

---

<div class="post-metadata">

**Author:** ![2021210088h3qh49](https://avatars.discourse-cdn.com/v4/letter/2/a5b964/32.png) [@2021210088h3qh49](https://community.thunkable.com/u/2021210088h3qh49)\
**Post date:** [July 20, 2023, 2:33am UTC](https://community.thunkable.com/t/expense-application-how-to-start/2510350/19 "2023-07-20T02:33:13Z")

</div>

Now that I have what I need, how can I add a space?

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/c/ac9ddeac995d67d762aa1f2a2b0ae18c4a3f4c13.png)

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [July 20, 2023, 4:27am UTC](https://community.thunkable.com/t/expense-application-how-to-start/2510350/20 "2023-07-20T04:27:39Z")

</div>

Click the gear of the Join block and drag in another text string block between the two variable blocks. Then type a space into that blank text string block. You can join as many values as you want using the Join block.

[Next page](https://community.thunkable.com/t/expense-application-how-to-start/2510350.md?page=2)
