jaggerabney/nodejs-the-complete-guide-code

A repository containing all of the code I wrote while going through the "NodeJS - The Complete Guide (MVC, REST APIs, GraphQL, Deno)" course on Udemy.

Node.js - The Complete Guide Code

This repository contains all of the code for Maximilian Schwarzmüller's Udemy Course, "Node.js - The Complete Guide (MVC, REST APIs, GraphQL, Deno)". Projects in this repo do not necessarily correlate to sections in the course.

nodejs-the-complete-guide-code's Issues

Second req.on call should be returned

In /project-1/app.js.

Images do not properly display in index or products pages

This is due to the fact that the source is provided incorrectly. It should be a template literal.

Change from this...

img(src="#{product.imageUrl}")

...to this:

img(src=`${product.imageUrl}`)

Posts added via websocket connection do not have the creator's username

This is because the creator's information is only populated in the exports.getPosts method in the feed controller. To fix this, change exports.createPost from this:

io.get().emit("posts", { action: "create", post });

...to this:

io.get().emit("posts", {
    action: "create",
    post: {
        ...post._doc,
        creator: { _id: req.userId, name: creator.name },
    },
});

Adding a post causes an error

The error message is rendered as a modal on the frontend and reads as follows:

Cannot read properties of undefined (reading '_id')

I'm not sure why this happens.

Newly-added posts are not added to the User's posts array

This is because the modifications done to the creator object in the createPost resolver are never saved. To fix this, add the following after the mutation:

await creator.save();

Username is not shown in posts

The user that created a post does not show in both the feed and the single post view. This is because the "creator" field is not populated using the User model's populate method. Change these:

// --- exports.getPosts ---
const posts = await Post.find()
      // These functions are for pagination:
      // skip excludes documents and limit restricts how many are returned
      .skip((currentPage - 1) * paginationThreshold)
      .limit(paginationThreshold);

// --- exports.getPost ---
const post = await Post.findById(postId);

...to these:

// --- exports.getPosts ---
const totalItems = await Post.find().countDocuments();
    const posts = await Post.find()
      .populate("creator")
      // These functions are for pagination:
      // skip excludes documents and limit restricts how many are returned
      .skip((currentPage - 1) * paginationThreshold)
      .limit(paginationThreshold);

// --- exports.getPost ---
const post = await Post.findById(postId).populate("creator");

ReferenceError: loadedUser is not defined

This error occurs because you forgot to change the login function in the auth controller. Change this:

const token = jwt.sign(
      {
        email: loadedUser.email,
        userId: loadedUser._id.toString(),
      },
      process.env.JWT_KEY,
      { expiresIn: "1h" }
);

...to this:

const token = jwt.sign(
      {
        email: user.email,
        userId: user._id.toString(),
      },
      process.env.JWT_KEY,
      { expiresIn: "1h" }
);

Pagination initially doesn't work when pagination threshold is exceeded

This is because the total number of posts, which the pagination logic relies on, is not updated when the post is created. In finishEditHandler, update this:

this.setState((prevState) => {
  let updatedPosts = [...prevState.posts];
  
  if (prevState.editPost) {
    const postIndex = prevState.posts.findIndex(
      (p) => p._id === prevState.editPost._id
    );
  
    updatedPosts[postIndex] = post;
  } else {  
    if (prevState.posts.length >= 2) {
      updatedPosts.pop();
    }
  
    updatedPosts.unshift(post);
  }
  
  return {
    posts: updatedPosts,
    isEditing: false,
    editPost: null,
    editLoading: false,
  };
});

...to this:

this.setState((prevState) => {
  let updatedPosts = [...prevState.posts];
  let updatedTotal = prevState.totalPosts;
  
  if (prevState.editPost) {
    const postIndex = prevState.posts.findIndex(
      (p) => p._id === prevState.editPost._id
    );
  
    updatedPosts[postIndex] = post;
  } else {
    updatedTotal++;
  
    if (prevState.posts.length >= 2) {
      updatedPosts.pop();
    }
  
    updatedPosts.unshift(post);
  }
  
  return {
    posts: updatedPosts,
    isEditing: false,
    editPost: null,
    editLoading: false,
    totalPosts: updatedTotal,
  };
});

The main functionality of project-7 doesn't work

This is because there are no IDs specified for the two number inputs on the page. Change this:

<input type="number" />
<input type="number" />

...to this:

<input id="num1" type="number" />
<input id="num2" type="number" />