cocktails | classic cocktails on the web | Frontend Framework library

Using a simple link to / route to via React browser Router.

I got it to work fine with routing to the root component (/), however it does not function as expected when trying to route to (/drink/:drinkId), though the URL changes and the page loads if I manually try to access it.

App component:

In the code below, I'm expecting the forEach loop to execute, then initialize the selectedGroup state with data created from the loop.

Upon render of the component, the loop works just fine, but the selectedGroup state doesn't get initialized. It seems that selectedGroup is trying to be initialized before the loop finishes. Any ideas?

Code in Question:

I'm a physicist, and as everyone knows, we like our cocktails. I am therefore trying to build an automatic bartender. Unfortunately, the only experience I have with programming in python is to do physics simulations, and I am not that savvy with coding anyways.

My problem is now this: there is a python list in the class BartenderApp that I want to use in the kivy file, specifically in the LoadNewIngredients in the kivy file, for the spinners to take their options from. I have looked quite a while for a solution and none have worked so far. I know I should be able to put the spinners and labels in the python file using a for loop, but I would much rather have it a bit more clean and keep them in the kivy file.

So if anyone could help me how to pass the list to the kivy file, it'd be much appreciated!

Here is the .py file:

I am a flask beginner and recently I am doing my first project which is searching cocktails using flask and API. So, here is the snippet of my flask code

I am getting "Cannot read property "map" of undefined (it is referring to tradeData) from the TradeDataList.js file. I am calling an API that is called through search term that is passed to "unirest" get function. I have setup context API passing some centralized values to various other files. I have it set up as an array in the useState. I am loosing my head with this if anyone can help please. The files I have are the following:

context.js

Some time ago I started to learn python and I created commandline application that manages your home bar and cocktails recipes (you can add alcohol bottles to it, add recipes, check if you have ingredients to create given cocktail and so on) that uses sqlite3 database. Class called BarmanShell is kind of api of this app which contains every function user could use.

__init__ of that class contains db connection and data validation based on xml files.

Now, as I'm learning django, I would like to reuse it in web version of this application. In this django project I have app myshelf that must use some BarmanShell functionality.

I'm working on a project where a Raspberry Pi controls some 12v pumps to eventually make cocktails. This is running in Flask, on a local Webserver (the Pi). There are multiple liquor bottles with hoses coupled to the pumps and the pumps are controlled via the GPIO pins on the Pi. This all works pretty well.

I want to add a function that prevents me from making a cocktail if the capacity of liquor that's left in the concerning bottle is insufficient. I've chosen to make a .JSON file as it is lightweight and fits my needs. An object in my .JSON file looks like this:

I'm a beginner. Thank you in advance for sharing your knowledge.

This error did not appear originally.

But even though they used the same code, it is now appearing.

What's the reason?

Although the data received through Api has the form of an array, the 'map' method does not work.

I read the other same question but I couldn't solve this problem.

This error bothered me for a day. Let me know what I have to do.

I'm doing Like/Unlike system in my project. After clicking Like button should just redirect on the same page but updated with +1 like but it is not. Have looked on youtube videos with this system and they got it worked but I can't figure it out what is the problem with my code.

views.py