MERN-Stack | MERN stack practice | Frontend Framework library

Im trying to make an ecommerce app and the frontend is all done but when i place an order i get this message.

I rechecked every file but i cant find where its coming from. I followed the process from a udemy course but it just doesnt work. i got no response from the instructor and his code seems to work fine. Here is the github master repo for the course. I am stuck here for 10 days. HELP! https://github.com/bluebits-academy/mern-stack-ecommerce

This is my Order.js

I'm building a social media app using MERN stack.

I'm using POSTMAN to test the Backend API.

Below is the dependencies list i.e., package.json file.

Being new to Docker, I am following a tutorial but using my own personal MERN-stack project. My personal project folder structure consists of a frontend folder and a backend folder and my Dockerfile placed in the root directory. My frontend is uses localhost:3000 and my backend at localhost:5000. I am trying to view my application in the browser; however, it takes me to a page that states this site can't be reached for http://localhost:3000 and http://localhost:5000 and for http://172.17.0.3:3000 its just a blank forever loading page. If it helps, i'm using a macOS.

steps i've taken:

docker build -t foodcore:1.0 .

docker run -p 3001:3000 -p 5001:5000 foodcore:1.0

outcome in my terminal:

It is an app developed with the MERN-stack, deployed to Heroku.

On GitHub I had a number of automated pull requests from Dependabot with security vulnerabilities.

Once I fixed them all, my app (On Edge browser) actually said it was Secure, a few days ago.

But now for some reason it's back to (Not Secure) and maybe it doesn't matter, but I'd like my app that's gonna be used by others to be secure as possible.

I am working on a Mern-stack and I am using Material-UI on my frontend. My GridList is working fine, but I want to have my description text at the bottom of the image instead of in-front of the image.

When I add the text at the bottom it does not display, the image covers it. how can I add a text below/bottom of the image?

I am working on a Mern-stack Application, but I'm not able to clear the input field after a successful post Request. I am using a function-based component with useEffect. I have tried so many things but it still didn't work, I also tried examples I got here on StackOverflow but it still didn't work. after submitting successfully the input still left in the input field. how do I make this to clear?

i have tried setCommentData([]) after the submit but it didn't work.

Here is my Component

I am following: https://www.digitalocean.com/community/tutorials/getting-started-with-the-mern-stack.

I would like to test an API endpoint built using express. I would like to test POST.

The node server is running and I am using postman to check if the endpoint is working.

I am unclear on how to format the post data and my POST requests result in errors when I send them.

My API is below:

I am following the tutorial https://github.com/vasansr/pro-mern-stack-2 (to build a CRUD app 'Issue Tracker'). Since i split the app from a single server to separate api and ui servers, I have been having problems getting the ui to load in the browser. Initially i was getting 'unexpected token < in JSON at position 0' in the dev tools console (after creating separate ui and api servers). Then failing to fix this i continued with the chapter hoping more changes might resolve the issue. Now i have completed everything up to and including Ch7 Proxy-Based-Architecture. The ui will still not load in the browser and i'm getting the above (404) error. Everything else appears to be working fine: both servers are running in the terminal and the graphql playground is loading fine.

The code should be fine as i've even gone over it and even copied and pasted from this Git repository just to be double sure. I've also checked the file structure. The only difference is my package.json, as due to dependancy issues i've encountered, some of the package versions are different, so i'm wondering if this could be the problem. But it is unclear to me as i'm getting no issues in the terminal when i run the servers.

This is my ui package.json:

I am working on Mern-Stack Application, and I am facing a challenge with comparing dates in Reacts and Material-UI.

I have an Event Model that has startingDate and closingDate Attribues. when displaying the EVents on the List. what I want is, if the date for the event has passed then the event should show something like this. Started: Sunday, August 9, 2020, 3 pm Ended: Sunday, August 9, 2020, 6 pm. if the event is upcoming then it should show Starting: Sunday, August 9, 2020, 3 pm Ends: Sunday, August 9, 2020, 6 pm. But if the Event is Live (if it has started but has not ended) then the event should show Live: Sunday, August 9, 2020, 3 pm. `Ends: Sunday, August 9, 2020, 8 pm.

but I don't know why it's not really working as it should, the && operator is not evaluating as it should to make it show Live

This is my Event Schema just for you to understand the data-type I am using for a date.