🎨 WDC #22 Can you create an app for Café Thunkable?

Hello everyone,
This weekend I felt I needed the weekend challenge. I’m not a coffee drinker so I thought of doing something else.

One of the community members (@overshield , see this post) posted asking how to display selected words in a text in different color therefore I thought to take this is a challenge.

I started the project and it is not complete yet but I decide to show the project and would appreciate any comments and suggestions.

The top part of the screen has an input field which when left empty, the app will use sample data which is the introduction paragraph in Thunkable documentation.
image

Following is the part that allows the user to select both the default paragraph color and the highlighted words color. Just a simple color random selection.
image

The next section is a button to update the list which works only when the user supply own paragraph.

The list, just below the button, will list all the words in the paragraph and allow the user to select individual words to be highlighted by just selecting or clearing the checkbox in front of the word.
A simple text label will show the number of highlighted words.
image

The last section of the app has two buttons one to show the paragraph with the highlighted words and another button to clear the display area in case the user changed the highlighted words and need to re-display the paragraph.
image

I tried to fit the app in a single screen although it would be better to have the paragraph displayed in a separate screen and gives it a better look. Due to too many components in the screen it might not work as expected in all devices but this kind of tweaking is managed at the end of the project. I did it as a proof of concept not as a utility app.

Hope you like the idea
https://x.thunkable.com/projectPage/6120f1399a4679001179829a

4 Likes