movie-app | Download torrent movies | Stream Processing library

I have been doing react apps for some time now and I want to deploy my latest project. The problem is, in this particular app, I use an API Key to make requests to The Movie Database API. After figuring out that I need to hide it in the backend with an .env file (something I have never done before), I made it work perfectly on my machine using an Express server I made. The two problems that I have start when I want to make this thing go live.

I separated my front end (https://github.com/cavini/the-movie-app) from my backend (https://github.com/cavini/the-movie-app-server). I hosted the frontend code on Netlify with zero issues, but I cannot make the hosted front end website make the GET and POST requests to the backend which is on Heroku.

I have never used heroku before and I'm not sure I fully understand how it works.

Here is the message I get when I try to see what my Heroku app looks like. Heroku deploy error? I went looking for answers on the logs but I do not understand what it says. Heres what that looks like: Heroku log, Heroku log 2 My questions are, do I need a static folder to host an app on heroku? If so, how do I do that? Because on the front end, react already has a build command to do so. Also, do I need the front end files too?

That's the first part of my problem. The second part is what I think is related to CORS. When I try to make the requests from my local files to the local back end code, it works perfectly, but when I try the same to the back end hosted on Heroku, I get this message on my Chrome console.Access-Control-Allow-Origin header error.

Heres what those look like on the Network tab: Request details, Request details 2

I have absolutely NO IDEA what any of this means and/or how to fix it. Can anyone please shed a light on this?

I am new in Flutter and I have a problem when rendering UI in List. The UI does not render new data.

Basically, my list hold datas with type Movie.

I'm doing an application using moviedb api. The main part of the application is over. I am using React Router. I want to transfer the movies to a component named my favorite movies. But in the component hierarchy movie, navbar, favouriteFilms, PersonInfo components are at the same level.

When click on the Add to Favorites button, it is necessary to transfer from the movie component to my favorite movies component. How can I do that ?

I did not discard the blocks of code because they are too long, it will be enough if you tell the algorithm and how I can do it.

Live version of my app: https://alcnuvr-react-movie-app.netlify.app/

Thank you from now.

I would like to animate LinearProgressIndicator only if the current value of PageController (or PageView) is the same as its index in Row.

As you can see in the screenshot I have a PageView with a row of LinearProgressIndicators. PageView is controlled with its own PageController and the pages are switched when AnimationController reaches its end.

I would like to achieve effect similar to this idea i.e. only the LoadingIndicator for current page should be animated.

Below you may find the code of the top widget i.e. PageView with bottom row of LoadingIndicators.

How do I restore multiple collections at once in mongodb.

I have tried