booksapp | Sample distributed Ruby app using Sinatra ActiveRecord | Application Framework library

I am trying to render some cards using Material UI grids but when I try to add spacing between the cards its not working. I have gone through the documentation and some answers here on stack overflow but still can't fix the issue. I am a beginner and I feel like I am making some silly mistake but I am not able to find the bug.

Here is my code

here is my QR component :

I have a REST API which allows the user to update a Book model

I'm with trouble in run a function in a chained .then() once the functions are asynchronous.

Hello dear colleagues,

I have a question based on a project I'm doing in a course I'm rolled.

All of my code is practicaly build, the only thing that I'm with difficulties to implement is a button which I have to display and by clicking this button it'll take me to a search page. I've implemented the link, which appears as a hyperlink in the main page, but it'd be in place of this hyperlink the button.

• My main page is displaying the hyperlink like this (note the hyperlink in the bottom of the page at the right side):

Main Page With Hyperlink

• But, according to the project requirements, the main page would display the button like this (with functionallity to take me to the search page, as the hyperlink does):

Main Page With Button Displayed

Below I show to you part of the codes I've done for the components:

1. Part of App.js code:
   • The beggining of the code:

Can somebody please help me in fixing this code. I have created two files called app.js and searchbooks.js for the project. But I received these two reviews.

Below is app.js

I would like to have an nginx server hosting web applications on the same domain, with different paths. For example, http://example.org/booksapp/signin.html should point to the first app, and http://example.org/shoesapp/signin.html should point to the second app

within my host, I have two folders, one for each app: /var/webfolder/booksapp and /var/webfolder/shoesapp

my nginx configuration is the following

I am using angular.js version 1.7.2 I have the following code

html

I have an app that lists books on a users shelf and then on a subsequent search page. The user goes to the search page, finds a title and selects a shelf for the title to be shelved on. When they go back to the home page this title should then show on the correct shelf.

The functionality works in that the changes are made to the objects, but when I click on the home button or back button in the browser the changes do not show until I have refreshed the browser.

What do I need to do to ensure this change is shown when the user browses to the home page?

I've put the bulk of the code into Codesandbox

App.js