mojito | transition effect of wechat , bilibili large image | Animation library

I really did not want to post this question, but I have no ideas for few days already. In my university I was given task to use design patterns to "solve" some tasks.

Here is task I'm stuck on (translation):

The kiosk has 2 vending machines with cocktails. One contains several alcoholic cocktails, the other one - their non-alcoholic alternatives. Depending on the age of buyer dispense alcoholic or non-alcoholic cocktail.

I've already made 2 solutions, but none of them has design patterns. I was thinking about creational patterns, but from examples of its use I don't think that it is good choice. Also thought about strategy, mediator, chain of responsibility, facade and bridge, but as it seemed to me it is doesn't fit here too.

Also, additional problem is I started learning patterns only 2 weeks ago, so still pretty bad at using them.

I don't even care already about quality of code, I just want to finish this task with appropriate pattern and continue my normal studying without forcing me to use any kind of things without real need in them.

What design pattern can I use in my situation?

Here is my last attempt

I've been looking for answers on stack overflow but so far nothing is working. I'm using this function(below) to retrieve a simple array since i want to show its contents in the return() function.

I am building a project with react for my personal portfolio. It is almost done but I am having some challenges. I have some products in an array which I mapped to get the Items I am displaying on the screen. However, the CSS styles I applied to the code are not getting applied uniformly.

I have uploaded the website on GitHub and it can be viewed through https://chinomso1995.github.io/dodosPizza/. The problem appears on the mobile view. In all sections, there is at least one item that is out of place but the issue is quite prevalent in the drinks section.

This is the JSX code for the array (drinks section)

Here is the HTML. It looks correct in full screen. When resizing the browser, specifically making it smaller, the nav bar elements overlap each other. I can't figure out how to fix it. I've also included the CSS. I'm guessing it has to do with the positioning? I tried adding relative position to the nav element, but it didn't fix the problem. Any input is appreciated. Thank you.

I am following this tutorial: https://fastmachinelearning.org/hls4ml/setup/QUICKSTART.html when I give the command:

I created an array of struct elements. These structs get to contain an array of strings. I want to check if these strings happen to be in another array of strings.

How can I do that or what tools should I look into?

I found that I can use a command called "Set", but it doesn't seem to work arrays within a struct.

I am working on creating dynamic HTML table from JSON Data, I have already created the table dynamically but now I have to Change it with new Requirement

What I am doing

• I have array of objects from which i am creating the table and spiting the table into four columns by dividing the length of JSON to 4
• My table is rendering perfectly into 4 columns

What I am trying to Do

• I want to show only 5 Rows in a single go then reloads the div and render the next five rows in same dive and so on until all data gets render

• Currently I have 68 total data so i am populating it as 17 rows of 4 columns

• Now on one go when page lodes I want to show 5 rows then after 5 seconds Next 5 rows in same div

• In simple terms I want to split my JSON data into part of 5-5 rows and show only 5 rows at once then next five after 5 seconds

• Spiting the Table into Four Columns I have done already,now just want to Show only five rows at a time

• I am lacking with idea or approach how to do this, How can i divide my JSON in five-five rows and show them at each time interval of 5 seconds

What I am have done

I am working with Dynamic HTML table in which I am showing my data as in HTML table as my data is in large amount so what I am doing is showing amount of data which will be fixed to one screen, So here i am showing 12 rows at one time then after 5 seconds page refresh hen next 12 and so on, When it reaches to the last page than what I am doing is calling the JSON object again and doing whole process again because in my code that JSON data will be dynamic

Issue I am facing

• I have done all the things to refresh page after 5 seconds and calling whole data when it reaches to last page
• Now what I am trying to do is when it is the last page than after that want to show a image for 10 seconds than again call the whole process
• Now the whole process on first go will be like table will show 12 rows than if there is more data it will show next 12 row of table and when it reaches the last page I want to show an Image for 10 seconds then call the JSON object again to go through whole process again
• In my code I have commented What I am doing where