{"id":19180239,"url":"https://github.com/d3dc/clearly-angular","last_synced_at":"2026-06-15T06:03:02.266Z","repository":{"id":69331833,"uuid":"88234732","full_name":"d3dc/clearly-angular","owner":"d3dc","description":"Boilerplate for creating Angular applications with clarity and Clarity.","archived":false,"fork":false,"pushed_at":"2017-04-23T04:08:36.000Z","size":353,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-23T01:46:02.873Z","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/d3dc.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":"2017-04-14T05:05:25.000Z","updated_at":"2017-04-14T05:07:35.000Z","dependencies_parsed_at":"2023-03-14T20:45:59.134Z","dependency_job_id":null,"html_url":"https://github.com/d3dc/clearly-angular","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/d3dc/clearly-angular","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/d3dc%2Fclearly-angular","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/d3dc%2Fclearly-angular/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/d3dc%2Fclearly-angular/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/d3dc%2Fclearly-angular/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/d3dc","download_url":"https://codeload.github.com/d3dc/clearly-angular/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/d3dc%2Fclearly-angular/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34349931,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-15T02:00:07.085Z","response_time":63,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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-11-09T10:48:33.717Z","updated_at":"2026-06-15T06:03:02.251Z","avatar_url":"https://github.com/d3dc.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"### Boilerplate for creating Angular applications with clarity and Clarity.\n\n# This is Clearly Angular.\n\n\nTodo\n----------------------------------\n- [x] Nav service\n- [ ] Auth Module\n  - [ ] Common Components e.g: Signup, Login, etc.\n  - [ ] Auth Reducer\n  - [ ] Auth Actions\n  - [ ] Auth Effects\n  - [ ] Example Auth Service\n- [ ] Use upcoming @ngrx v4 mono-repo for managing reducers from feature modules\n- [ ] Multiple Platforms\n    - [ ] Good way to include platform specific views for components that isn't just copying files\n        - [ ] use environment?\n        - [ ] when does angular inline?\n\nGetting started\n----------------------------------\nThis seed version provides the following out of the box:\n\n- Angular 2 application with:\n    - [angular/router](https://github.com/angular/angular) - Angular Router\n    - [clarity-icons](https://www.npmjs.com/package/clarity-icons)\n    - [clarity-ui](https://www.npmjs.com/package/clarity-ui)\n    - [clarity-angular](https://www.npmjs.com/package/clarity-angular)\n    - [ngrx/store](https://github.com/ngrx/store) - RxJS powered state management for Angular apps, inspired by Redux\n    - [ngrx/effects](https://github.com/ngrx/effects) - Side effect model for @ngrx/store\n    - [ngrx/router-store](https://github.com/ngrx/router-store) - Bindings to connect angular/router to @ngrx/store\n    - [ngrx/store-devtools](https://github.com/ngrx/store-devtools) - Instrumentation for @ngrx/store enabling time-travel debugging\n    - [codewareio/ngrx-store-freeze](https://github.com/codewareio/ngrx-store-freeze) - A @ngrx/store meta reducer that prevents state from being mutated\n    - [reselect](https://github.com/reactjs/reselect) - Selector library for Redux\n    - [Redux Beacon](https://github.com/rangle/redux-beacon) - Analytics integration for Redux and ngrx/store\n- Development and production builds\n- Unit test setup with Jasmine and Karma\n- End-to-end test setup with Protractor\n- SASS processor\n- TSLint\n- And other goodies that come with [Angular-CLI](https://github.com/angular/angular-cli#generating-and-serving-an-angular2-project-via-a-development-server) (v1.0.0-beta.20-4)\n\n#### Installation\n*Prerequisite*: Please install Angular-CLI by following [these instructions](https://github.com/angular/angular-cli#installation).\n*Note*: Even though it's optional, we recommend you to use [yarn](https://yarnpkg.com/) instead of `npm install` for installing the dependencies.\n\n```bash\ngit clone https://github.com/vmware/clarity-seed.git\ncd clarity-seed\n\n# install the project's dependencies\nyarn # or run \"npm install\"\n\n# starts the application in dev mode and watches your files for livereload\nng serve\n```\n\n#### Using Angular-CLI\n```bash\n# generating a new component\nng g component my-new-component\n\n# generating a new directive\nng g directive my-new-directive\n\n# to learn more about Angular-CLI commands and their usages\nng help\n```\n\nFor comprehensive documentation on Angular-CLI, please see their [github repository](https://github.com/angular/angular-cli).\n\n#### Test and build scripts\n\n```bash\n# running unit tests\nng test\n\n# running e2e tests\nng e2e\n\n# dev build\nng build\n\n# prod build\nng build --prod\n```\n\n## Documentation\n\nFor documentation on the Clarity Design System, including a list of components and example usage, see [the clarity website](https://vmware.github.io/clarity).\nFor documentation on @ngrx, see [the @ngrx website](http://ngrx.github.io/).\n\n\n#### Directory structure\n```\n.\n├── README.md\n├── karma.conf.js              \u003c- configuration of the test runner\n├── package.json               \u003c- dependencies of the project\n├── protractor.config.js       \u003c- e2e tests configuration\n├── src/                       \u003c- source code of the application\n│   ├── app/        \u003c- root module\n│   │   ├── shared/     \u003c- shared components, pipes, and filters\n│   │   │   └── shared.module.ts\n│   │   ├── core/   \u003c- only imported by the AppModule and provides services\n│   │   |   ├── pages/ \u003c- containers for other components that are only used once\n│   │   │   │   └── \u003cpage\u003e/\n│   │   │   │       ├── \u003cpage\u003e.component.html\n│   │   │   │       ├── \u003cpage\u003e.component.scss\n│   │   │   │       ├── \u003cpage\u003e.component.spec.ts\n│   │   │   │       └── \u003cpage\u003e.component.ts\n│   │   |   ├── shared/ \u003c- app-wide services etc. (STYLE 04-04)\n│   │   │   │   ├── \u003cservice\u003e.component.spec.ts\n│   │   │   │   └── \u003cservice\u003e.component.ts\n│   │   │   └── core.module.ts \u003c- singleton module\n│   │   │   └── core-routing.module.ts\n│   │   └── app.component.html\n│   │   └── app.component.scss\n│   │   └── app.component.ts\n│   │   └── app.e2e-spec.js    \u003c- sample e2e spec file\n│   │   └── app.module.ts\n│   │   └── app-routing.module.ts\n│   └── main.ts            \u003c- boostrap file for running your angular app on the web\n│   └── index.html\n├── .angular-cli.json           \u003c- configuration of the angular-cli\n├── tsconfig.json              \u003c- configuration of the typescript project\n├── tslint.json                \u003c- sample configuration file for tslint\n└── yarn.lock\n```\n\n## License\n\nThe clearly-angular project is licensed under the MIT license.\n\n## Feedback\n\nIf you find a bug or want to request a new feature, please open a [GitHub issue](https://github.com/d3dc/clearly-angular/issues).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fd3dc%2Fclearly-angular","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fd3dc%2Fclearly-angular","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fd3dc%2Fclearly-angular/lists"}