The project structure gives you a great opportunity to scale your application. Adding and maintaining API endpoints is easy and very fast. The structure is ideal for development process.

For production mode, only one server is required which is more affordable and convenient.

Development server

Development API

Production

Build

Build Production

Project general structure

├── server                   # The whole API folder├── api                   # Project Moules(Route Handlers, Mongoose Models), the modules are collected automatically,  and inserted into the API├── bin                   # Project start point├── config                # Config files├── lib                   # Libs used - express, mongoose├── src                    # Angular application source├── app                     # Angular App├── components                 # All the Angular's structure components├── guards                     # Guards(Auth)├── routing                    # Application Routing├── services                   # Services(Request)├── Request                   # Responsible for making get, post requests to the API.                ├── app.component.ts         # App's first component                ├── app.component.html       # App's entry template                ├── app.component.spec.ts    # Component's unit tests                ├── app.component.css        # Css for the component                ├── app.module.ts            # The root module that you bootstrap to launch the application├── assets                     # App assets, Here we can place public files├── environments               # Production and development environments