node-express-mvc

Node.js and the Express web framework make it easy to build well-designed web apps using MVC

Links

• Demo
• Source

Dev Tools

• Chrome browser
• Visual Studio Code
• VS Code Extension: ESLint

Continuous Integration with Travis Ci

• Get Started With Travis-CI

Code Linting with ESLint

1. One-time setup: Install eslint-cli globally with npm -g i eslint-cli
2. Once per repo: Install eslint locally with npm i eslint -D
3. Getting Started with ESLINT

Benefits

• Node.js non-blocking event loop supports many concurrent requests
• Express adds convenient middleware and methods
• Model-View-Controller pattern manages complexity, maintainability, extensibility
• Each part is small, simple, and cohesive; pieces are loosely-coupled
• ESLint enforces code style and standards

Install Dependencies and Start App

Open PowerShell here as admin and run: npm install.

Start app with nodemon: nodemon app.js.

Open a Client

1. Open a web browser at: http://127.0.0.1:3004/ or http://localhost:3004/.

Terms

• .gitignore
• npm install
• node_modules
• package-lock.json
• nodemon
• routing
• data seeder
• MVC
• controller
• model
• views
• json (JavaScript Object Notation) - double-quote strings, no comments

Resources

• Bootstrap Material Design CDN
• JavaScript Standard Style Validator
• ESLint
• TravisCI

See Also

• More App Examples