Task2

.gitignore

@@ -1,14 +1,14 @@
 # See http://help.github.com/ignore-files/ for more about ignoring files.
 
 # compiled output
-/dist
-/tmp
-/out-tsc
+dist
+tmp
+out-tsc
 # Only exists if Bazel was run
-/bazel-out
+bazel-out
 
 # dependencies
-/node_modules
+node_modules
 
 # profiling files
 chrome-profiler-events*.json
@@ -32,15 +32,15 @@ speed-measure-plugin*.json
 .history/*
 
 # misc
-/.angular/cache
-/.sass-cache
-/connect.lock
-/coverage
+.angular/cache
+.sass-cache
+connect.lock
+coverage
 /libpeerconnection.log
 npm-debug.log
 yarn-error.log
 testem.log
-/typings
+typings
 
 # System Files
 .DS_Store

Makefile

@@ -0,0 +1,16 @@
+
+.PHONY: install
+install:
+	cd client && npm install
+
+.PHONY: build
+build:
+	cd client && npx ng build
+
+.PHONY: build-prod
+build-prod:
+	cd client && npx ng build --configuration production
+
+.PHONY: deploy
+deploy: build-prod
+	cd infra && npx cdk deploy $(if $(PROFILE),--profile $(PROFILE),)

README.md

@@ -1,53 +1 @@
-# Shop Angular Cloudfront
-
-Angular version: ~17.
-
-Repo maintainers:
-
-- [Sergey Gultyayev](https://github.com/gultyayev)
-
-## The purpose
-
-The repository was created to have an Angular version of e-shop for EPAM NodeJS AWS course. At the same time we strive to make this repository follows best practices so it may be used as a starter for new projects with all the necessary toolings already set up.
-
-## NodeJS AWS course integration
-
-All the necessary API endpoints are in the environments files `environment.ts` (for dev builds). Also it contains feature flags to enable/disable endpoints invocations from within the app so to ensure that you don't get errors for not implemented API endpoints.
-
-## Contribution
-
-Create an issue with the detailed description of the improvement/issue.
-
-If you would like to help implementing some feature, you should ask the maintainers for approval so to ensure that the feature is desired in the repository and no efforts go wasted.
-
-## Get up and running
-
-Prerequisites: NodeJS LTS v18.x and higher
-
-Follow the steps:
-
-- git clone
-- npm i
-- ng serve
-
-## Troubleshooting
-
-### Cannot commit
-
-Most likely you are getting a message
-
-> **Commit failed with error**
->
-> ...
->
-> ✖ subject may not be empty [subject-empty]
->
-> ✖ type may not be empty [type-empty]
->
-> ✖ found 2 problems, 0 warnings
->
-> ⓘ Get help: https://github.com/conventional-changelog/commitlint/#what-is-commitlint
->
-> husky - commit-msg script failed (code 1)
-
-To fix it you either need to follow conventional commit messages rules, or remove `.husky/pre-commit` file which enables the aforementioned rule.
+URL on frontend: https://d1c3mejtij68x1.cloudfront.net/

client/.gitignore

@@ -0,0 +1,47 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# compiled output
+dist
+tmp
+out-tsc
+# Only exists if Bazel was run
+bazel-out
+
+# dependencies
+node_modules
+
+# profiling files
+chrome-profiler-events*.json
+speed-measure-plugin*.json
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+.history/*
+
+# misc
+.angular/cache
+.sass-cache
+connect.lock
+coverage
+/libpeerconnection.log
+npm-debug.log
+yarn-error.log
+testem.log
+typings
+
+# System Files
+.DS_Store
+Thumbs.db

client/README.md

@@ -0,0 +1,53 @@
+# Shop Angular Cloudfront
+
+Angular version: ~17.
+
+Repo maintainers:
+
+- [Sergey Gultyayev](https://github.com/gultyayev)
+
+## The purpose
+
+The repository was created to have an Angular version of e-shop for EPAM NodeJS AWS course. At the same time we strive to make this repository follows best practices so it may be used as a starter for new projects with all the necessary toolings already set up.
+
+## NodeJS AWS course integration
+
+All the necessary API endpoints are in the environments files `environment.ts` (for dev builds). Also it contains feature flags to enable/disable endpoints invocations from within the app so to ensure that you don't get errors for not implemented API endpoints.
+
+## Contribution
+
+Create an issue with the detailed description of the improvement/issue.
+
+If you would like to help implementing some feature, you should ask the maintainers for approval so to ensure that the feature is desired in the repository and no efforts go wasted.
+
+## Get up and running
+
+Prerequisites: NodeJS LTS v18.x and higher
+
+Follow the steps:
+
+- git clone
+- npm i
+- ng serve
+
+## Troubleshooting
+
+### Cannot commit
+
+Most likely you are getting a message
+
+> **Commit failed with error**
+>
+> ...
+>
+> ✖ subject may not be empty [subject-empty]
+>
+> ✖ type may not be empty [type-empty]
+>
+> ✖ found 2 problems, 0 warnings
+>
+> ⓘ Get help: https://github.com/conventional-changelog/commitlint/#what-is-commitlint
+>
+> husky - commit-msg script failed (code 1)
+
+To fix it you either need to follow conventional commit messages rules, or remove `.husky/pre-commit` file which enables the aforementioned rule.

angular.json → client/angular.json

@@ -21,7 +21,10 @@
         "build": {
           "builder": "@angular-devkit/build-angular:application",
           "options": {
-            "outputPath": "dist/app",
+            "outputPath": {
+              "base": "dist",
+              "browser": ""
+            },
             "index": "src/index.html",
             "browser": "src/main.ts",
             "polyfills": ["src/polyfills.ts"],
@@ -107,14 +110,39 @@
     }
   },
   "cli": {
-    "schematicCollections": ["@angular-eslint/schematics"]
+    "schematicCollections": ["@angular-eslint/schematics"],
+    "analytics": false
   },
   "schematics": {
     "@angular-eslint/schematics:application": {
       "setParserOptionsProject": true
     },
     "@angular-eslint/schematics:library": {
       "setParserOptionsProject": true
+    },
+    "@schematics/angular:component": {
+      "type": "component"
+    },
+    "@schematics/angular:directive": {
+      "type": "directive"
+    },
+    "@schematics/angular:service": {
+      "type": "service"
+    },
+    "@schematics/angular:guard": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:interceptor": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:module": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:pipe": {
+      "typeSeparator": "."
+    },
+    "@schematics/angular:resolver": {
+      "typeSeparator": "."
     }
   }
 }

karma.conf.js → client/karma.conf.js

@@ -19,7 +19,7 @@ module.exports = function (config) {
         // for example, you can disable the random execution with `random: false`
         // or set a specific seed with `seed: 4321`
       },
-      clearContext: false, // leave Jasmine Spec Runner output visible in browser
+      clearContext: true, // leave Jasmine Spec Runner output visible in browser
     },
     jasmineHtmlReporter: {
       suppressAll: true, // removes the duplicated traces