Setting Up a MEAN Stack Project
To setup MEAN stack we need to create a folder structure for both frontend and backend. Then we have to define database schema to store and retrieve data from the database.
Follow the below steps to create a basic structure
Step 1: After the code editor is installed, create a new project folder. Then go to the project folder in command prompt/terminal and type below commands to create folder for frontend and backend
mkdir frontend
mkdir backend
Step 2: Navigate to the frontend folder using the command
cd frontend
Step 3: Initialize and run a Angular Project using the command
npm install -g @angular/cli
ng new my-angular-app
cd my-angular-app
ng serve --open
Step 4: Now navigate to the backend folder using the command
cd..
cd backend
Step 5: Initialize the project backend using the command
npm init -y
Step 6: Install Express and other backend dependencies using the command
npm i mongodb express cors dotenv
After following all the above steps a basic structure for MERN Stack application is created.
MEAN Stack
In the world of full-stack development, the MEAN stack has became one of the top choice for building dynamic and robust web applications. Web development refers to the creating, building, and maintaining of websites. It includes aspects such as web design, web publishing, web programming, and database management. This stack provides an end-to-end framework for the developers to work in and each of these technologies play a big part in developing websites of web applications. It comprises of 4 technologies namely: MongoDB, Express, Angular, and Node JS. It is designed to make the development process smoother and easier.
Table of Content
- What is MEAN Stack?
- How MEAN stack works?
- Roadmap to become a MEAN Stack Developer
- Getting Started with MEAN Stack
- Setting Up a MEAN Stack Project
- Getting to know MEAN Stack components
- Benefits of learning MEAN stack