Thyme | Dates without times or timezones | Date Time Utils library

I'm new to Javascript and I'm trying to learn express and create an application that will allow users to create new recipes, browse existing recipes, and view recipes.

I've got my server running by typing recipeserver.js in the cmd bar and then typing localhost:3000 in my address bar on google chrome. So far it loads the index.html homepage and from there, I am able to click on a link titled "Create a Recipe" which leads me to the create.html page that looks like this:

create.html page

Initially, there will be only three recipes on the server, which are included in the database object within the recipeserver.js code I've included below. The create.html page allows a user to enter recipe information. When the Save Recipe button is clicked, the addrecipe.js file is supposed to send the recipe data to the server using a POST request to the resource /recipes

Within the server code, all recipes will be stored in a single object called database. The keys of this object will be unique IDs and the values will be the recipes associated with those IDs. I'm stuck on a task where I'm supposed to add a route within the server code to handle POST requests to the /recipes resource. The handler for this route should:

1. Extract the recipe object included in the POST request body
2. Generate a unique ID for the new recipe (Etc. a basic integer that increases every time a recipe is added.)
3. Add a new entry into the recipes object with the key being the unique ID and the value being the recipe object.

When testing my code by adding a few recipes to my server, I should be able to just log the contents of the recipes object to see that it is storing the correct data, like in the picture below (this picture isn't mine):

load recipe in cmd

So as shown in the first picture of my screen, I filled in the contents of the recipe I want to add in create.html. When I click on the "Save Recipe" button however, instead of loading the contents of the recipe into my cmd window, I get the error:

I encountered a mystery. I think it's a dumb database design, but, well I have no choice, so I might just ask here. The problem is that I want to display meal ingredients in some kind of list. But the ingredients in the database are displayed like this(json):

Here is a string of characters that I would like to split into an array:

I have some meal json which I want to convert into a MealData struct

I need to match the text inside

element excluding the first element from the text.

I create a set of files in my drake plan. I want to copy a subset of these files to another location.

So far in my Java code with Spring Boot I was using models, or POJO objects to achieve better control of my objects, etc. Usually I am creating Entities, Repositories, Services, Rest controllers, just like documentation and courses are suggesting. Now however I am working with Thymeleaf templates, HTML a bit of Bootstrap and CSS in order to create browser interface. For methods in @Controller, as parameter, I am passing Model from Spring Model UI like this:

Below is my HTML and JavaScript code,I am using Thyme-leaf to display table content dynamically. As you can see if notified value is 1 , change button is disabled and its CSS changed. But when its value is something else user can click on that button. Once user click on button worksomething() function is called. Now what i want if user get success response ,without reloading the page , button attached to selected ID should be disabled and it's CSS should also be change , like when the value of notified is 1.

As you can imagine, stripe and authorize.net and other payment gateway services offer an api that can only be hit via server-side for safety reasons. Currently the documentation for Authorize.net allows for me to create an express node app and then run the command node charge-credit-card.js (which works and gets a 200 response from their api) My question is two parts. How do I connect my server directory (aptly named named AuthorizePaymentNode in the image below this paragraph) with my angular src app directory(aptly named named FoodOrderingApp in the image) to gather the card info on the front end so that I may process a credit card from start to finish? Secondly assuming I get it working in development how and where do I upload my AuthorizePaymentNode directory along with my FoodOrderingApp so that the two work together. Do I do it in two separate places as a friend of mine suggested or can it just be done all at once and in one place?