Full Stack MERN Project - Build and Deploy an App | React + Redux, Node, Express, MongoDB [Part 2/2]
Why Stack Overflow recommends it
Stack Overflow users mention it as the tutorial they followed when asking about errors, git setup and Heroku deployment for their MERN projects.
Recommended by 0 people across 0 different months, 2020 to 2022.
What it is
Part 2 of a three-part JavaScript Mastery tutorial that builds a 'Memories' social media app with React, Redux, Node, Express and MongoDB. This part covers post create, update, delete and like features, mobile responsiveness, environment variables and deployment to Heroku.
What people said
Cites kilian · 2020-12 · Stack Overflow · on “React.js error :TypeError: Cannot read property 'map' of undefined”
Currently trying to make a MERN Stack web app from this tutorial : [this video] So I'am pretty new too the stack and don't know how to fix this... help plz TypeError: Cannot read property 'map' of undefined Post C:/Users/I/Desktop/memories-pr/client/src/components/Posts/Post/Post.js:27 24 | </Button> 25 | </div> 26 | <div className={classes.details}> > 27 | <Typography variant="body2" color="textSecondary" component="h2">{post.tags.map((tag) => `#${tag} `)}</Typography> | 28 | </div> 29 | <CardContent> 30 | <Typography className={classes.title} variant="h5" gutterBottom > {post.message} </Typography> (anonymous function) C:/Users/I/Desktop/memories-pr/client/src/actions/posts.js:8 5 | try { 6 | c
Cites slowbias · 2021-03 · Stack Overflow · on “How should I upload full-stack project to github, with existing .git file in backend folder?”
I have completed and deployed a project on Heroku and had to create a git repository to host the backend. a .git folder exists in my server folder, but now I would like to take my client and my server folder and upload them together onto github. If I just cd into the project folder and run "git init" only my client folder is highlighted. I know that the .git folder in my server folder is the reason for this, but I am unsure of how to proceed. Please advise. p.s. for the record I followed along with this video [this video] .
Cites anrasd43 · 2021-08 · Stack Overflow · on “How does the backend verify that the front-end is in fact the real front-end?”
Beginner Question Here: I am very new to fullstack development, and have been looking around at various beginner tutorials. One thing I do not really understand is how the backend and frontend "verify" that they are talking to each other. For example, if in a tutorial someone hosts the backend/api on Heroku, and the frontend on Netlify, how does the backend know that the get/post/put/delete request it is getting is actually coming from the legitimate frontend - and not some 3rd party who has tapped into it. In the tutorials I am referencing the frontend is always told the URL of the backend API, but it never seems the backend is told where the frontend is, and where the requests will be comi
Cites Tyler · 2022-06 · Stack Overflow · on “Cannot deploy node, mongoDB & express app on heroku”
Hi I am trying to deploy my backend app using heruko but whenever I try opening it i get an error page: [LINK] naturally, I searched through stack overflow for solutions but non of them seemed to have worked. I think a possible issue is my Procfile, it is a custom one that was used in the end of this youtube video =>" [this video] ". when surfing through potential fixes I did see some different Procfiles but weren't sure if any were of us. my current Procfile: web: npm run start I think the main issue I need that needs to be solved is this error NPM_CONFIG_LOGLEVEL=error in the following console output when pushing using the deployment steps on the heroku website Enumerating objects: 5, done. Cou