feat(APP): new version with Angular 15 and Bootstrap 5

Author: Ismaestro

.github/ISSUE_TEMPLATE/bug_report.md

@@ -4,35 +4,32 @@ about: Create a report to help us improve
 title: ''
 labels: ''
 assignees: ''
-
 ---
 
-**Describe the bug**
-A clear and concise description of what the bug is.
+**Describe the bug** A clear and concise description of what the bug is.
+
+**To Reproduce** Steps to reproduce the behavior:
 
-**To Reproduce**
-Steps to reproduce the behavior:
 1. Go to '...'
 2. Click on '....'
 3. Scroll down to '....'
 4. See error
 
-**Expected behavior**
-A clear and concise description of what you expected to happen.
+**Expected behavior** A clear and concise description of what you expected to happen.
 
-**Screenshots**
-If applicable, add screenshots to help explain your problem.
+**Screenshots** If applicable, add screenshots to help explain your problem.
 
 **Desktop (please complete the following information):**
- - OS: [e.g. iOS]
- - Browser [e.g. chrome, safari]
- - Version [e.g. 22]
+
+- OS: [e.g. iOS]
+- Browser [e.g. chrome, safari]
+- Version [e.g. 22]
 
 **Smartphone (please complete the following information):**
- - Device: [e.g. iPhone6]
- - OS: [e.g. iOS8.1]
- - Browser [e.g. stock browser, safari]
- - Version [e.g. 22]
 
-**Additional context**
-Add any other context about the problem here.
+- Device: [e.g. iPhone6]
+- OS: [e.g. iOS8.1]
+- Browser [e.g. stock browser, safari]
+- Version [e.g. 22]
+
+**Additional context** Add any other context about the problem here.

.github/ISSUE_TEMPLATE/feature_request.md

@@ -4,17 +4,14 @@ about: Suggest an idea for this project
 title: ''
 labels: ''
 assignees: ''
-
 ---
 
-**Is your feature request related to a problem? Please describe.**
-A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+**Is your feature request related to a problem? Please describe.** A clear and concise description
+of what the problem is. Ex. I'm always frustrated when [...]
 
-**Describe the solution you'd like**
-A clear and concise description of what you want to happen.
+**Describe the solution you'd like** A clear and concise description of what you want to happen.
 
-**Describe alternatives you've considered**
-A clear and concise description of any alternative solutions or features you've considered.
+**Describe alternatives you've considered** A clear and concise description of any alternative
+solutions or features you've considered.
 
-**Additional context**
-Add any other context or screenshots about the feature request here.
+**Additional context** Add any other context or screenshots about the feature request here.

.github/workflows/gh-pages.yml

@@ -0,0 +1,35 @@
+name: GitHub Pages
+
+on:
+  push:
+    branches:
+      - master
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: '16'
+
+      - name: Install dependencies
+        run: npm i
+
+      - name: Run tests
+        run: npm test
+
+      - name: Build
+        run: npm run build:pages
+
+      - name: Deploy
+        if: success()
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: dist
+          enable_jekyll: true

README.md

@@ -2,13 +2,13 @@
   <h3 align="center">Angular Example App</h3>
 
   <p align="center">
-    Example app with Angular 14 + Angular CLI + i18n + Graphql
+    Example app with Angular 15 + i18n + Standalone Components
     <br>
     <br>
     :clap::clap::tada::tada::tada::tada::clap::clap:
     <br>
     <br>
-    Base project made with much :heart:. Contains CRUD, advanced patterns, generated library, and much more!
+    Base project made with much :heart:. Contains CRUD, advanced patterns and much more!
     <br>
     <br>
     <img src="https://media.giphy.com/media/BIql9p3KQWYdjq4Sxe/giphy.gif" alt="Demo example"/>
@@ -34,45 +34,25 @@ npm start
 
 ## Backend
 
-This project is using a real app deployed in heroku, which you can see
+This project is using a real app deployed in Render.com, which you can see
 [here](https://github.com/Ismaestro/nestjs-example-app). The server is using NestJS, Prisma,
 Postgres and GraphQL. Please check it out and feel free also to contribute or give me your thoughts.
 
 ## What's included
 
+- [x] Standalone components
 - [x] CRUD: create, update and remove heroes with this project!
-- [x] Authentication with JWT tokens and [js-cookie](https://github.com/js-cookie/js-cookie)
+- [x] Authentication with JWT tokens (Interceptor and Guard)
 - [x] Internationalization with the official i18n. English and Spanish available.
 - [x] Lazy loading modules
-- [x] Service Workers enabled!
+- [x] Amazing reactive functionalities with [elf](https://github.com/ngneat/elf)
 - [x] More logical directory structure
-- [x] Basic example library
 - [x] Following the [best practices](https://angular.io/guide/styleguide)!
-- [x] Search bar, to look for heroes
-- [x] Custom loading page
-- [x] Example of Angular Resolver for Hero Detail
-- [x] Lazy loading images with [ng-lazyload-image](https://github.com/tjoskar/ng-lazyload-image)
-- [x] Modal and toasts (snakbar)!
-- [x] Scroll restoration and anchor examples
-- [x] Responsive layout (flex layout module)
-- [x] SASS (most common used functions and mixins) and BEM styles
-- [x] Animations with [ng-animate](https://jiayihu.github.io/ng-animate/)
-- [x] Angular Pipes
-- [x] Interceptors and Events
-- [x] Auth guard for some routes
-- [x] Modernizr (browser features detection)
-- [x] Browser filter (Bowser) because of IE ^^
-- [x] [Sentry](https://sentry.io)! (logs every error in the app)
-- [x] Google Tag Manager
-- [x] ES6 Promises and Observables
-- [x] End-to-end tests with Cypress App Actions. Read
-      [this](https://applitools.com/blog/page-objects-app-actions-cypress/)!
-
-### i18n
-
-This project is using the official internationalization. You can navigate through every language If
-you want to translate the messages you can use this awesome tool,
-[Tiny Translator](https://martinroob.github.io/tiny-translator/en/#/translate).
+- [x] Responsive layout with Bootstrap 5
+- [x] Use of [NgOptimizedImage](https://angular.io/guide/image-directive)
+- [x] SASS with BEM styles
+- [x] Unit and integration tests with spectator (in progress)
+- [x] End-to-end tests with Cypress (in progress)
 
 ## Bugs and feature requests
 
@@ -95,7 +75,7 @@ your feedback!
 
 ## Copyright and license
 
-Code and documentation copyright 2021 the authors. Code released under the
+Code and documentation copyright 2023 the authors. Code released under the
 [MIT License](https://github.com/Ismaestro/angular-example-app/blob/master/LICENSE).
 
 Enjoy :metal:

angular.json

@@ -30,11 +30,11 @@
                 "glob": "**/*",
                 "input": "src/assets/",
                 "output": "/assets/",
-                "ignore": ["default/*", "css/*", "js/*"]
+                "ignore": ["base/*", "css/*", "js/*"]
               },
               {
                 "glob": "**/*",
-                "input": "src/assets/default",
+                "input": "src/assets/base",
                 "output": "/"
               },
               "src/manifest.webmanifest"
@@ -113,7 +113,7 @@
               "browserTarget": "angularexampleapp:build:development-es"
             }
           },
-          "defaultConfiguration": "development"
+          "defaultConfiguration": "development-en"
         },
         "extract-i18n": {
           "builder": "ng-extract-i18n-merge:ng-extract-i18n-merge",