About Our Client Project

Client Project Has 3 Important Modules Core, App and Shared
- Core Module - should contain singleton* services (which is usually the case), universal components and other features where there’s only once instance per application.
- App Module - The Module that Bootstraps our application. Sets the ground rules for our applicaton(base routing, base layout, main imports)
- Shared Module - This is the common ground for all components that you want to share between modules and other components

Part 1 - Setting up client site project

run command in your dev or sites directory in your terminal
- git clone https://github.com/CodeDifferently/client-site-ng-template.git your-client-name-here
- run command npm install afterwards to install any dependencies* that might have been added to the project so you can properly serve it
When creating pages you want to make them into Modules*.
- create a module with: ng g m pagename
  - if you want to make that module in a folder you generate this module under the directory name. i.e. ng g m foldername/ pagename --routing.
  - We add the --routing flag to each module for sub folders and lazy loading*

What is a module?
- In Angular, a module is a mechanism to group components, directives, pipes and services that are related or in short a package of all the things we want to put together
What is lazy loading?
- Helps us decrease the startup time.
What is a dependency
- A dependency is usually an external module/package that can be imported into your program so you can use its components and features