YOUR CLONED PROJECT FROM GITHUB IS NOT RUNNING ON THAT NEW COMPUTER BECAUSE NODE MODULE WAS NOT PUSHED TOGETHER WITH OTHER FILES

Mubarak Akinsola — Fri, 22 Nov 2019 16:06:09 +0000

So, I was having an issue with git and Github today.
I was working on a project on my old computer and decided to clone it and continue with the project on my new computer, after pushing my files to Github from my old computer, I then cloned it on my new computer and decided to continue working on it. To my surprise, I started getting error messages, so basically, my project refused to run on my new computer.

After a few hours of not understanding what went wrong, I noticed my node module from my old computer did not get pushed with the other files, reason being that there was a 'gitignore' file in my project.

Ultimately, what the 'gitignore file does is (as the name implies) ignore the node module and does not allow it to get pushed with the rest of the files.

Although you can choose to push your node module too, but it would take a very long time for your files to get uploaded and at the same time when you try to clone it some other time.

What you can do when you clone your project on another computer is to run 'npm i' in the terminal and wait for it to finish doing its thing, after which you can now by then, run your project which should now work properly.

IMPLEMENTING PUG AS YOUR TEMPLATE ENGINE IN YOUR NODE/EXPRESS PROJECT

Mubarak Akinsola — Sun, 17 Nov 2019 10:52:52 +0000

It is assumed that you have some knowledge in Node.js and Express for you to really understand this article.

NB: This does not include your programming logic in your express files, it just shows how to install, implement and render your page on the browser

Pug is an HTML templating engine, which means you can write much simpler Pug code, which Pug compiler will compile into HTML code, that browser can understand.
Implementing it into your project can be quite easy and it is makes your code concise and easy to read and follow through. Pug is just one of the many template engines available, and just to mention a few, we have EJS, HANDLEBARS, MUSTACHE etc.

First, Pug can be installed from your computer terminal or directly from your terminal in VS code!

You install the Pug template engine with the above command (npm install --save pug) and node does the installation in no time.
From then on, you must have had an app.js file in your project. Now, it gets a little tricky, why? Because you don't have to require pug from node module with 'require' keyword.

You simply use it in your project such like:

The 'View Engine' above tells express which template engine that is being used in the project. If you choose to use any other template engine, it wouldn't be 'pug' you put above, rather, it would be your chosen engine.

Now, let's look at the code below:

And as to regards the 'Views', it tells express where to find our views (Our html pages), however the default setting is basically our main directory and the 'Views' folder (You could check the docs for more understanding).
If you would put your html pages in another folder which is not called 'Views', maybe your choose to name it 'shows', then you have to set it such like:

This way, you have successfully brought in pug into your application. Now when it gets to the point of serving your page.To serve your page in any of your javascript file, you do this below:

Now, You see the 'shop' above. don't be shocked. This is just the name of the file where I have the html page I would be rendering. It could have been 'shop.pug' as shown below.

So you can decide to add the extension '.pug' or choose not,it would still work regardless.

DEV Community: Mubarak Akinsola

YOUR CLONED PROJECT FROM GITHUB IS NOT RUNNING ON THAT NEW COMPUTER BECAUSE NODE MODULE WAS NOT PUSHED TOGETHER WITH OTHER FILES

IMPLEMENTING PUG AS YOUR TEMPLATE ENGINE IN YOUR NODE/EXPRESS PROJECT