Master MEAN : Installing Express - Web Development

Screenshot from the tutorial

Master MEAN: Installing Express for Web Development

In the world of full-stack web development, the MEAN stack has become a popular choice among developers. MEAN stands for MongoDB, Express.js, Angular, and Node.js. In this blog post, we will focus on installing Express.js, a crucial framework for building web applications in Node.js. This tutorial will guide you through the installation process and provide you with the foundational knowledge to get started.

What is Express.js?

Express.js is a fast, minimalist web framework for Node.js that simplifies the process of building web applications and APIs. It provides a robust set of features to develop web and mobile applications, making it an essential component of the MEAN stack. With Express, you can manage routes, handle requests and responses, and integrate middleware to enhance your application’s functionality.

Prerequisites

Before we begin, ensure you have the following installed on your system:

1. Node.js: Express.js runs on Node.js, so you need to have it installed. You can download it from Node.js official website.
2. npm: Node Package Manager (npm) is bundled with Node.js. It allows you to install and manage packages for your Node.js applications.

To verify that Node.js and npm are installed, run the following commands in your terminal:

node -v
npm -v

If both commands return a version number, you are good to go.

Step 1: Create a New Project Directory

First, you need to create a new directory for your Express project. Open your terminal and run the following command:

mkdir my-express-app
cd my-express-app

Step 2: Initialize a New Node.js Project

To create a new Node.js project, you will need to initialize it with npm. Run the following command in your project directory:

npm init -y

This command creates a package.json file with default values, which will manage your project’s dependencies and scripts.

Step 3: Install Express.js

Now, it’s time to install Express.js. You can do this by running the following command:

npm install express

This command downloads the Express.js package and adds it to your package.json file under the dependencies section.

Step 4: Create Your First Express Application

To create a simple Express application, you need to create a new file named app.js. In your project directory, run:

touch app.js

Now, open app.js in your favorite code editor and add the following code:

const express = require('express');
const app = express();
const PORT = process.env.PORT || 3000;

// Define a simple route
app.get('/', (req, res) => {
    res.send('Hello World!');
});

// Start the server
app.listen(PORT, () => {
    console.log(`Server is running on http://localhost:${PORT}`);
});

Explanation of the Code

• const express = require('express');: This line imports the Express module.
• const app = express();: Here, we create an instance of the Express application.
• app.get('/', ...): This defines a route for the root URL that sends a "Hello World!" response.
• app.listen(PORT, ...): This starts the server on the specified port and logs a message to the console.

Step 5: Run Your Express Application

To run your Express application, execute the following command in your terminal:

node app.js

You should see a message indicating that the server is running. Open your web browser and navigate to http://localhost:3000. You should see the "Hello World!" message displayed on the screen.

Conclusion

Congratulations! You have successfully installed Express.js and created your first web application. This is just the beginning of your journey with the MEAN stack. With Express, you can build powerful APIs and web applications, handling various routes, middleware, and more.

As you continue learning, consider exploring advanced features of Express.js, such as error handling, middleware, and database integration. Stay tuned for more tutorials on the MEAN stack, where we will dive into MongoDB, Angular, and much more!

If you found this tutorial helpful, feel free to share it with fellow developers or drop your questions in the comments section below. Happy coding!

Another view from the tutorial

---

Connect with SkillBakery Studios

Explore more tutorials, tools, and resources:

• skillbakery.com
• Facebook
• X (Twitter)
• YouTube Channel

Posted by SkillBakery Studios