Apply Jobs as MERN stack developer with this course

Set up a local development environment for a Node.js based application. Install the runtime, MongoDB community edition, Visual Studio Code, Postman, and Chrome according to your operating system.

Create and export a database configuration file, install and import mongoose, and connect to the database using mongoose with success and error event handling.

Set up a user model with Mongoose by defining a comprehensive user schema, including full name, email, and password, then register and import the model in your mern app.

Build a registration rest API with a post endpoint that maps the request body via object destructuring, validates mandatory fields, and returns clear error or success responses.

Install a password hashing module with npm, hash user passwords with 16 salt rounds, and save the encrypted password in the database, verifying via postman tests.

Set up a post model with mongoose by defining a post schema with title, body, and image fields, plus author reference to the user model via ObjectId; register after connection.

Install and restart a React VS Code extension to generate components, then customize the nav bar styling with CSS using className conventions to set a white background and black text.

Create and wire up website pages for a MERN app, including home, login, sign up, and profile, with a centralized routing system and conditional navigation.

Copy the login logic into the signup screen, add a full name placeholder, and configure an email, password, and signup button. Add and test a login link for existing accounts.

Learn to style a profile page in a MERN stack project by implementing a profile image, flexbox layout, and spacing with borders and margins, plus responsive tweaks for mobile.

Enhance the homepage post section by adding a red heart icon to each post, styling it with inline color and size adjustments, and duplicating the card for multiple posts.

Style the create-post page, apply button colors and image uploads, and refine sign-up and login themes for a cohesive dark and light post, profile, and home look.

Add three state variables—fullName, email, and password—on a signup page using useState. Bind input values and update them with onChange in preparation for a backend API call.

Learn how cross-origin resource sharing causes api requests to fail when frontend and backend run on different ports, and implement solutions using backend cors middleware or a frontend proxy.

Add email validation across the form using a regular expression, display error toasts for invalid emails, and navigate to the login page after a valid signup.

Connect the login screen to the backend login API, implement error handling and input management for email and password. Test redirects to the home screen after successful authentication.

enrich the login api to return the JWT token and include user info such as id, full name, and email from the backend to the front end, enabling future videos.

Enrich the home page styling by conditionally showing links based on login status, fix incorrect class references, and apply consistent padding to home cards for a dynamic, polished UI.

Implement logout by clearing local storage, dispatching a logout event, and redirecting to the login page using history. Verify token and user data are removed, ensuring a clean sign-out experience.

Integrate the frontend with the backend delete post API by showing the delete button only for authors, sending delete requests, and updating the post list to remove the deleted item.

Test the functionality by adding a delete comment icon, mirroring the delete post feature, enabling users to remove comments on posts with an upload image flow.

Navigate to user profiles by tapping post authors: if the author equals the current user, open own profile; otherwise open the other user's profile.

Update the frontend state to reflect a new follower, increasing John Doe's followers. Append Jane Doe's id to John Doe's followers array using the previous state.

Implement an API to fetch posts from users you follow in a MERN app by filtering posts by your following list and updating the request and endpoint.

Fix the follow unfollow bug by making the initial boolean state dynamic based on whether the user is followed, so returning to a profile shows the correct button.