MEAN CRUD Example

Last Update: 2/2/2018

This program is an example of a CRUD application using the MEAN stack. This project was modified from the original code provided in this article: MEAN Stack (Angular 5) CRUD Web Application Example by Didin J. The GitHub repo for his project can be found here.

Versions

• MongoDB v3.6.2 (Mongoose v5.0.3)
• Express v4.16.2
• Angular v5.2.3
• Node.js v9.5.0

Cloning the Project for Personal Use

Installation

1. Clone this repo git clone https://github.com/stanleyeosakul/mean-crud-example.git
2. cd into the folder of the cloned repo
3. Run yarn install to install dependencies
4. Configure your keys file config/keys.js

   • From the root directory, create the keys file touch config/keys.js

   • Enter your mongoURI for MongoDB into keys.js

     module.exports = {
     mongoURI: '<your-mongodb-url-goes-here>',
     };

5. Start your local MongoDB instance
6. Choose to run the development or production server
   • Development
     • Front End (Angular)
       • Run ng serve, and navigate to http://localhost:4200/.
     • Back End (MongoDB, Express, Node.js)
       • Run yarn run dev, and navigate to http://localhost:3000/.
   • Production
     • Run yarn run build, and navigate to http://localhost:3000/.

Built-in scripts

• yarn run dev
  • Builds the Angular project without build optimization into the dist/ folder
  • Runs the server.js node app
• yarn run build
  • Builds the Angular project into the dist/ folder
  • Runs the server.js node app

Installed Packages

Front-end

• Angular 5
• Bulma CSS Framework v0.62
• Font-Awesome v5.0.6

Back-end

• Express
• Mongoose
• Body-Parser

Development

• Angular CLI v1.6.7
• Morgan Logging library
• Typescript