Development

Table of Contents

1. Development setup
   • Version control
   • Source code editor
   • Graphics
   • Infrastructure resources
2. Live demo
3. Documentation

Development setup

Version control

• Git
• TortoiseGit

Source code editor

• Visual Studio Code
  • Extensions:
    1. Node.js Extension Pack
    2. Angular Extension Pack
    3. markdownlint
  • Custom settings:

{
    "editor.mouseWheelZoom": true,
    "files.autoSave": true,
    "files.exclude": {
        "client/node_modules": true,
        "client/dist": true,
        "client/firebase/public": true,
        "server/node_modules": true,
        "server/dist": true
    }
}

Graphics

• Inkscape
• SVG optimiser

Infrastructure resources

• Angular, version 6
• Angular CLI
• Angular ng-bootstrap
• Node.js, version 10.4.0
• Express
• Socket.IO

Live demo

• Client deployed on Google Firebase
• Server deployed on Heroku

Documentation

• Bootstrap 4 components
• Markdown Cheatsheet
• Real Time Apps with TypeScript: Integrating Web Sockets, Node & Angular
• About READMEs
• Angular Router: Query Parameters
• Deploying on Google Firebase
• Deploying Node.js Apps on Heroku
• Play by Play: Fundamentals of Angular Testing
• Angular Unit Testing