flix | Swipe Netflix movies as if they were people on Tinder | Frontend Framework library

I am tring to extract different information from websites with BeautifulSoup, such as title of the product and the price.

I do that with different urls, looping through the urls with for...in.... Here, I'll just provide a snippet without the loop.

I'm pretty new in mongoose and rest API, i have a problem to retrieve each collection refer to another doc

All of this schema is edited to make it easy to read, as the real case i have more field that i think it's don't needed to show up

I have a user schema data like this:

this is my slider code I got from codepen, I did some minor changes on it, but before and after changes in code, this slider not showing/loading images on any mobile view, I don't know how to solved it.. please help!!

My codepen link

https://codepen.io/guenon/pen/GRZrqgq

Some CSS link

https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css

Some JS links

https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js

https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js

This api could be deployed to google cloud function?

https://github.com/Mdsp9070/someoneFlix/tree/master/backend

I tried to deploy but I'm getting this error: ERROR: (gcloud.functions.deploy) OperationError: code=3, message=Build failed: main.go:16:2: import "flix-api.localhost/flix-api" is a program, not an importable package; Error ID: 975560ac

• I am new to react and bootstrap. I am using react card bootstrap to generate a card layout and add buttons to it. I am able to change the height and width of the cards and apply padding also.
• I am not getting any reference where should I change the number of cards displayed in a row.
• CardUI.jsx

I get some data from an API and want to fetch it using rxjs's .pipe. What I want to do is to apply an filter if some variable is true.
Here's my working Code: (The UserService returns the API response)

TS

I have deployed a React + NodeJS app in Heroku and the deployment went well and worked for a few hours. However, after a cache deletion, it now refuses to load the page. The errors are the following ones:

Refused to apply style from 'https://flix-reloaded.herokuapp.com/src.78399e21.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

and

GET https://flix-reloaded.herokuapp.com/src.78399e21.js net::ERR_ABORTED 404 (Not Found)

The first one, the MIME error refers to a minified file produced by a Parcel build. It is called in a index.html file that lives inside the dist folder. This is the line calling it:

Its twin .js file is also called within index.html:

Problem 1): I don' know what to do to make the CSS file accepted. within it, there are some comments imported from the SCSS original files related to each component. I tried both to remove the comments and add the type of the file as CSS but it hasn't worked. It should be a subtle detail, but I don't know what else to attempt.

Problem 2: The JS file that Heroku is not finding it is at the same folder of the index.html. However, the routing of the app has been defined to have client (Router basename="/client") as root (https://flix-reloaded.herokuapp.com/client). If I manually type the URL with client (https://flix-reloaded.herokuapp.com/client/src.78399e21.css), the file is found, but changing the path to the file in the index.html (you can see below) solves the 404 problem, but brings another one (says that a "<" token is unexpected within a system js file that is out of bounds).

I tried to run another Parcel build, commiting changes, clean caches, but nothing worked. Can anyone provide me some help? I'll be happy to provide further details if necessary.

The index.html file code that lives inside the dist folder (where the production files live):

I am running a React app which has a few methods to update user data. One of these features is to delete movies from a favorites movies list using Axios axios.delete: