/products route not working

Hey jason limmm 👋

I just had a look at your updated snapshot and there are a couple of issues that are causing the errors you're encountering.

For the /products page you'll want to have a look at what you're passing to the render method. The second argument should be an object with the locals, instead you're currently passing it an array of products. Try converting it to an object with a products key instead:

router.get('/', (req, res)=>{
    res.render('productslist', {products});
});

You'll also want to have a look at your error handling as there are a couple of issues going on in there as well:

In your app.js file you're referring to error multiple times which does not exist in your project causing undefined errors. First one being on line 25 where there is no error object yet to pass the status of. You may want to create a new Error here with a 404 status to act as a fallback for users trying to visit non existing pages. You can then pass this error down to the global error handler using next instead of sending a response in this route. For example:

app.use((req, res, next)=>{
    const error = new Error('This page can not be found');
    error.status = 404;
    next(error);
});

Then in your global error handler on line 30 you're passing error to the render method but this does not exist, instead you'll want to pass it the err parameter. This is where thrown errors will end up 🙂

app.use((err, req, res, next)=>{
    res.render('error', err);
});

After these changes your error handling should start working, you can test it by navigating to a non existing route like /noroute.

Hope this helps you to get going again! I also highly recommend checking out our Express Basics Course which covers all these concepts 😃