You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
- Self-contained components and encapsulated modules.
42
32
- Components types (e.g. component, page).
43
33
- Amazing directory structure.
44
-
- Unit tests with Jest instead of Karma & Jasmine.
45
-
- e2e tests with Cypress (removed in favor of the official [cypress schematic](https://github.com/cypress-io/cypress/tree/develop/npm/cypress-schematic) as an opt-in feature)
46
34
- PWA
47
35
- Dynamic titles and content meta tags.
48
-
- TailwindCSS + Autoprefixer + PurgeCSS setup.
36
+
- TailwindCSS.
49
37
- Dark mode and theme configuration.
50
38
- Scalable CSS architecture in favor of TailwindCSS layers.
- Run unit tests & lint code on Git Hooks using [Husky](https://github.com/typicode/husky) & validate commit messages using [commitlint](https://github.com/conventional-changelog/commitlint)
54
-
- GitHub Actions workflows for code analysis and unit tests.
40
+
- ESLint.
41
+
- Run unit tests & lint code using [Husky](https://github.com/typicode/husky) & validate commit messages using [commitlint](https://github.com/conventional-changelog/commitlint)
55
42
56
43
## 📄 Pages
57
44
58
-
```
59
-
Types of pages
60
-
61
-
public: everybody can see them
62
-
private: only logged in users can see them
63
-
```
64
-
65
45
- General
66
46
- home
67
47
- not-found
@@ -101,28 +81,20 @@ private: only logged in users can see them
101
81
102
82
## 📛 Custom directives
103
83
104
-
- click-outside (detects when the user clicks outside an element).
84
+
- click-outside: detects when the user clicks outside an element.
105
85
106
86
## 🧪 Custom pipes
107
87
108
-
- bytes (transforms a numeric value into bytes, KB, MB, GB, etc.).
88
+
- bytes: transforms a numeric value into bytes, KB, MB, GB, etc.
109
89
110
90
## 🛠️ Make some initial tweaks
111
91
112
-
- Change application title:
113
-
114
-
Go to `src/index.html` and inside the `title` tag, replace "Angular Boilerplate" with your app name.
115
-
116
-
- Change paths of the pages:
92
+
- Change pages routes:
117
93
118
94
Go to `src/app/core/utils/router.utils.ts` to find all the registered routes inside a config object.
119
95
120
96
For example, you could replace `sign-in` with `SignIn`, `login` or `iniciar_sesion`
121
97
122
-
- Change titles, descriptions, and robots of the pages:
123
-
124
-
Every page has a `.route` file that contains an exported constant that holds the title, description and a robot's metatag that indicates if it can be indexed or followed by a web crawler.
125
-
126
98
- Change your TailwindCSS configuration:
127
99
128
100
You can find the config file in the project root, then you can refer to https://tailwindcss.com/docs/configuration to learn how to make your own adjustments.
@@ -149,83 +121,6 @@ private: only logged in users can see them
149
121
exportconst DEFAULT_BASE_THEME =ThemeList.Dark;
150
122
```
151
123
152
-
## 🗑️ Remove features
153
-
154
-
There are certain features that you may or may not like to have in your projects, and here's how to remove them:
155
-
156
-
### 🌠 Husky & commitlint
157
-
158
-
> Husky allows you to easily run scripts on Git Hooks & commitlint validates if a commit message follows a certain convention.
159
-
160
-
- Remove execution of tests and linting on pre-commit:
161
-
162
-
- Go to `angular-boilerplate\.husky` and remove the npm scripts inside the `pre-commit` file or the file itself.
163
-
164
-
- Remove execution of build on pre-push:
165
-
166
-
- Go to `angular-boilerplate\.husky` and remove the npm scripts inside the `pre-push` file or the file itself.
167
-
168
-
- Remove conventional commit messages validation:
169
-
170
-
1. Go to `angular-boilerplate\.husky` and remove the command `npx commitlint --edit $1` inside the `commit-msg` file or the file itself.
171
-
2. Remove the file `angular-boilerplate\.commitlintrc`.
> A GitHub Action workflow is a configurable automated process made up of one or more jobs that will help us to validate if some actions pass before we integrate new code into the repository (E.g., run unit tests on pull-requests or branch pushes).
203
-
204
-
- Remove CodeQL analysis:
205
-
206
-
- Go to `angular-boilerplate\.github\workflows` and remove the file codeql-analysis.yml
207
-
208
-
- Remove tests workflow:
209
-
210
-
- Go to `angular-boilerplate\.github\workflows` and remove the file test.yml
211
-
212
-
### 🌠 TailwindCSS
213
-
214
-
> TailwindCSS is a utility-first CSS Framework fully customizable & fully tree shakeable. If you want to replace it with another CSS framework or don't want to use a CSS framework at all, you can easily remove it from the project.
0 commit comments