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.
Run npm start for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
Run npm run api for a separate server for API server. Navigate to http://localhost:3000/.
Run npm run production to generate a static files from Angular project and serve them from NodeJS.
Run npm run build to build the project. The build artifacts will be stored in the server/dist directory.
Run npm run buildPROD to build the project for production. The build artifacts will be stored in the server/dist directory.
├── 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
The client side was generated with angular-cli.