Sorry if this is a dumb post but after 2 days of youtube videos, googling, docs, chatgpt, reddit, crying and being on the verge of quitting out of frustration I decided to ask here. I truly appreciate anyone that takes the time to help me. I think there might be an obvious thing I am doing wrong but I am a noob so please bear with me lol.
I am trying to build an app that essentially you can search for a word from the dictionary (and then add the word to a collection but trying to figure out this first).
So far I have created a simple design of the 4 main pages of the app and now I am in the process of getting all of the elements to work.
I'm using this api: https://dictionaryapi.dev/
Is this the correct api url I should be using? https://api.dictionaryapi.dev/api/v2/entries/en/word
for a variable I have word, type:string, in a list: false, and no default value
Here is my word look up page. What I want to happen is: as the user types the word in the search bar, the list view populates with words and the user can click on the word and it'll go to a new page with its full definition.
Sorry if this is a stupid question, but should I be adding the backend query to both the search bar and the list view? Should I be setting a variable in place of the text field properties? I think this is where I am confused because what I need to happen is that when they type the word, the list view changes as they continue to type. But I cannot figure out how to connect them.
Here is an image of what I want to happen but with a short definition and part of speech as well.
Here is the JSON path and call
I have tried almost everything from docs and youtube tutorials but can't get it to work no matter how many times I start over so I feel like there's something I'm overlooking. If you need further info feel free to ask and thank you in advance for helping a noob out!!!