{"id":23125941,"url":"https://github.com/daniel-le97/angular","last_synced_at":"2025-04-04T05:12:15.801Z","repository":{"id":136345648,"uuid":"587927622","full_name":"daniel-le97/angular","owner":"daniel-le97","description":null,"archived":false,"fork":false,"pushed_at":"2024-10-04T05:31:44.000Z","size":250,"stargazers_count":0,"open_issues_count":11,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-02T03:18:32.030Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/daniel-le97.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-01-11T23:02:46.000Z","updated_at":"2023-01-11T23:02:56.000Z","dependencies_parsed_at":"2023-08-18T01:54:10.331Z","dependency_job_id":"ee393f76-a444-4e2b-b959-a0ee2f1601b5","html_url":"https://github.com/daniel-le97/angular","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":"ju4n97/angular-boilerplate","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daniel-le97%2Fangular","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daniel-le97%2Fangular/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daniel-le97%2Fangular/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daniel-le97%2Fangular/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/daniel-le97","download_url":"https://codeload.github.com/daniel-le97/angular/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247123106,"owners_count":20887261,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-12-17T08:15:45.605Z","updated_at":"2025-04-04T05:12:15.777Z","avatar_url":"https://github.com/daniel-le97.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003eAngular Boilerplate\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://img.icons8.com/ios-filled/150/000000/angularjs.png\" alt=\"angular-logo\" width=\"120px\" height=\"120px\"/\u003e\n  \u003cbr\u003e\n  \u003ci\u003eLightweight \u0026 minimalistic Angular starter\u003c/i\u003e\n  \u003cbr\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://angularboilerplate.vercel.app\"\u003e\u003cstrong\u003ehttps://angularboilerplate.vercel.app\u003c/strong\u003e\u003c/a\u003e\n  \u003cbr\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"CONTRIBUTING.md\"\u003eContributing Guidelines\u003c/a\u003e\n  ·\n  \u003ca href=\"https://github.com/juanmesa2097/angular-boilerplate/issues\"\u003eSubmit an Issue\u003c/a\u003e\n  \u003cbr\u003e\n  \u003cbr\u003e\n\u003c/p\u003e\n\u003chr\u003e\n\n## ⚗️ Features\n\n- Lazy loading\n- Standalone components\n- OS/Light/Dark modes\n- Strongly-typed storage\n- TailwindCSS\n\n## 🛠️ Tweaks\n\n- TailwindCSS configuration:\n\n  You can find the `tailwind.config.js` file in the project root, then you can refer to https://tailwindcss.com/docs/configuration to learn how to make your own adjustments.\n\n- Set default theme (first time load)\n\n  Go to `src\\app\\lib\\constants.ts` and choose the default theme.\n\n  OS preference\n\n  ```ts\n  export const DEFAULT_BASE_THEME: AppTheme = 'system' as const;\n  ```\n\n  Light mode\n\n  ```ts\n  export const DEFAULT_BASE_THEME: AppTheme = 'light' as const;\n  ```\n\n  Dark mode\n\n  ```ts\n  export const DEFAULT_BASE_THEME: AppTheme = 'dark' as const;\n  ```\n\n- Enable a new local/session storage item\n\n  Go to `src\\app\\lib\\utils\\storage\\storage.types.ts` and add a new item name in the `StorageObjectType` type and a new key value pair in the `StorageObjectMap` type.\n\n  ![image](https://user-images.githubusercontent.com/64181348/173276010-a4b95a63-2fe0-4104-9b09-34eeea5f0025.png)\n\n  After that, you can use the new item.\n  ![image](https://user-images.githubusercontent.com/64181348/173276575-09322722-387d-4c20-95af-fa9915079e3a.png)\n\n## ⛩️ Project structure\n\n```console\n├───app\n│   ├───lib\n│   │   ├───components\n│   │   │   ├───footer\n│   │   │   ├───layouts\n│   │   │   │   └───layout-horizontal\n│   │   │   ├───logo\n│   │   │   └───navbar\n│   │   ├───guards\n│   │   ├───interceptors\n│   │   ├───interfaces\n│   │   ├───enums\n│   │   ├───services\n│   │   │   ├───auth\n│   │   │   └───theme\n│   │   └───utils\n│   │       └───storage\n│   └───pages\n│       ├───auth\n│       │   ├───login\n│       │   └───register\n│       ├───home\n│       ├───profile\n│       ├───screens\n│       │   └───not-found\n│       └───settings\n│           ├───accessibility\n│           ├───account\n│           └───appearance\n├───assets\n├───environments\n└───theme\n    ├───01-base\n    ├───02-components\n    ├───03-utilities\n    └───tailwindcss\n```\n\n## 🧙‍♂️ Commands\n\n| Command  | Description                                                 | NPM              | Yarn          | PNPM          | Background command                              |\n| -------- | ----------------------------------------------------------- | ---------------- | ------------- | ------------- | ----------------------------------------------- |\n| ng       | See available commands                                      | npm run ng       | yarn ng       | pnpm ng       | ng                                              |\n| start    | Run app in development mode                                 | npm start        | yarn start    | pnpm start    | ng serve                                        |\n| build    | Build app for production                                    | npm run build    | yarn build    | pnpm build    | ng build                                        |\n| watch    | Run build when files change                                 | npm run watch    | yarn watch    | pnpm watch    | ng build --watch --configuration development    |\n| test     | Run unit tests                                              | npm run test     | yarn test     | pnpm test     | ng test                                         |\n| test:run | Run unit tests with headless browser and without watch mode | npm run test:run | yarn test:run | pnpm test:run | ng test --watch=false --browsers ChromeHeadless |\n| lint     | Lint code                                                   | npm run lint     | yarn lint     | pnpm lint     | ng lint                                         |\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdaniel-le97%2Fangular","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdaniel-le97%2Fangular","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdaniel-le97%2Fangular/lists"}