recipebook | JavaScript application using a Node.js & Express.js REST API | REST library

Using Class Based Views, ModelForms, and Inlline Formsets. I’m making a recipe application in Django. Each user has their own OneToOne RecipeBook object, which in turn can hold as many recipes as needed, as each Recipe has a ForeignKey relationship to the RecipeBook object. There are also Ingredient and Direction objects that each have a FK relationship to the Recipe object.

The good news is that I can create a Recipe object using my CreateView, with as many associated Ingredient and Direction objects as I want. The Ingredient/Direction objects should be unique to each Recipe object (and by extension, each User). However, when I create a Recipe object, and then I try to create a new Recipe object, its Ingredient and Direction fields are already populated on the new object, form the old object. So if I had just created a Recipe with 3 Ingredient/Direction fields all set to '1', and then go to create another Recipe, the new Recipe object will have all blank fields, but will have 3 Ingredient/Direction objects all set to 1. This will happen to each user that is logged in. I want to make it so these objects are all staying together.

I think the issue to this is that either my get_context_data or my form_valid methods are saving the Ingredient/Direction objects globally, when I just want each Ingredient/Direction object to only be associated with the specific recipe object. I’ve tried messing with the init function of my Forms, I’ve tried querying for the object before/while its being created, and it seems like no matter what I do I’m just running in circles. I’d appreciate any help/resources anyone can point me towards!

My Models:

I'm studying about JSON and its use cases. Suppose I have a recipe book and I have the following JSON to store recipes (I apologize if anything is wrong before hand, I'm just starting with this)

**UPDATE : I have misunderstood the way spys function completely, I should be calling the spy version of a method in order for it to be verified NOT the real object method Ex : r.getPrice(); then verify(r).getPrice(); I still haven't figured the right way to get what i want but i thought i have to ask if i should delete this question ?

I'm spying an array element like this

I have been trying to work on Navbar with collapse menu and dropdown link using Bootstrap 4.1.1 and Angular 6 but somehow Navbar is not working at all. I can see elements correctly but they don't function as intended.

I installed Bootstrap via Angular CLI using 'ng install bootstrap --save' and Bootstrap dependencies: 'ng install jquery --save' and 'ng install popper.js --save'

I also included Bootstrap, jquery and popper.js in package.json and angular.json

package.json:

I am attempting to create a linked list RecipeBook. I need to create a method add, which takes a Recipe object parameter and adds it to the end of the linked list.

When compile on my mac I receive the error:

I have three components in my angular app namely RecipeBook, RecipeList and RecipeItem. Recipe Book contains Recipe List in which there are 'n' number of recipe items. and there is another component namely RecipeDetail. So, I want to display RecipeDetail component only if one of the RecipeItem is clicked.

The component should appear in the place of "Please select a recipe"

recipe-item-component.html :

I have been trying to use MCP to decompile the Minecraft Source code to an eclipse workspace. I am using mcp940 to decompile Minecraft 1.12. When I run the BATCH file decompile.bat, it gives me a huge pile of errors. I was following a video tutorial linked at the bottom of this question, and the host skipped this step entirely. The eclipse workspace still loads and has all of the code, but said code is riddled with errors. When I try to run Start, the class with the main method, I am given the following error message:

In my viewWillAppear() I create a label and give it a tag. When another condition is met, I try to remove the label, but for some reason, that is not working and the label is still in the view. I must be doing something wrong...

** This may be a simple answer, I'm new to React, thank you for any help ! **

I have a modal(bootstrap4) hidden inside the main app with a form inside that, when it rendered, the form is filled out based on the information from the selected recipe (more on that later.)

The recipes are stored locally and with this.state.currentRecipe I know which recipe is being selected (it is used as the index and is set to 0 by default.)

So, using this.state.currentRecipe as the index the first render naturally puts in the first recipe's information.

I attempted to solve this by making a function and passing it down the child components. The recipe-card has all the information and the edit button inside of it. So when the recipe-cards are all rendered by .map() I pass in their index and the function that was passed down in order to change the state of this.state.currentRecipe and re-render the DOM with the form having the new information.

Everything loads however, when I click the edit button the modal pops up with the first recipe always. It will even change this.state.currentRecipe but the DOM doesn't re-render with the proper recipe's information.

(and even if it did, would it just hide the modal again?)

Here is the link to the component folder of the repo https://github.com/JeremyWeisener/React-Recipe-box/tree/master/src/components

in case the code below isn't enough information