skycons | ten animated weather glyphs

I am a beginner in Python and I decided to attempt a script to help me in my part time job as a weather observer. Essentially, I have a list of observations and I have written regex's to gather the information that I need and put it in a spreadsheet using xlwings. I have a list of partial observations and I am trying to extract the sky condition from these partial obs. The sky condition contains any of the words that I have in the list called "words". I am sure there is a much better way to do this but I am trying to have the script look at the items in each element of the list and then determine whether or not one of the key words is in the element. If it finds one, I am adding it to a new list called 'found' and then I eventually want to add this information to the excel spreadsheet. My problem is I am having trouble finding where to increment over the different sky conditions. I need it to iterate over each element in a line on the skycons list, then I need it to increment to the next line. I feel like I have moved the increment to several different parts of the script but it still won't work properly. It will either increment too soon and will not iterate over all the elements of the line or it will not increment at all. Here is the code...

I have a problem with updating a variable on my API link. So this should work that at the start coords on this API link should be 0,0 (or at the best case it should at first display geonavigator window and after accepting it it should display weather for your coords then after searching for another city at the same place should appear weather for searched city but still dont know how to do it) and this part works but after I search for another city on the search bar the coords on API link (coordinates.lat and coordinates.lng) should change to the coords of searched city and the changed weather should be displayed on the screen but this part doesn't work. Maybe works a bit because it look like the value on coordinates.lat and coordinates.lng are changing everytime I search for any city when I display them after return on

Latitude: {coordinates.lat}

I have problem with variable "icons" in my code. Its initialized and defined in EventListener scope but it is not defined after that scope so I got an error when I try to compile. I really don't know how to make global variable in reactJS and after searching for it looks like its not recommended to do so. So is there a way to make that variable work outside EventListener scope so class "Demo" could use it?

I buy and use a ReactJS template. this is the template that I use

I wanna install All dependencies using npm install in root directory of Templates(React-App)

but i got an ERROR like this: