{"id":18792137,"url":"https://github.com/sterlp/admin-template","last_synced_at":"2025-04-13T14:31:04.664Z","repository":{"id":38004297,"uuid":"199286024","full_name":"sterlp/admin-template","owner":"sterlp","description":"Simple Angular 12 Material Bootstrap Admin Template","archived":false,"fork":false,"pushed_at":"2023-02-03T04:56:58.000Z","size":16432,"stargazers_count":18,"open_issues_count":6,"forks_count":7,"subscribers_count":3,"default_branch":"master","last_synced_at":"2024-04-16T07:09:13.792Z","etag":null,"topics":["admin-dashboard","admin-ui","angular","bootstrap","bootstrap4","coreui","material","template","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sterlp.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-07-28T12:44:19.000Z","updated_at":"2024-04-16T07:09:13.793Z","dependencies_parsed_at":"2023-02-15T09:30:57.528Z","dependency_job_id":null,"html_url":"https://github.com/sterlp/admin-template","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sterlp%2Fadmin-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sterlp%2Fadmin-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sterlp%2Fadmin-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sterlp%2Fadmin-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sterlp","download_url":"https://codeload.github.com/sterlp/admin-template/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":223589340,"owners_count":17169956,"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":["admin-dashboard","admin-ui","angular","bootstrap","bootstrap4","coreui","material","template","typescript"],"created_at":"2024-11-07T21:18:36.702Z","updated_at":"2024-11-07T21:18:37.204Z","avatar_url":"https://github.com/sterlp.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n    \u003cimg alt=\"GitHub Actions status\" src=\"https://github.com/sterlp/admin-template/workflows/admin-template%20CI/badge.svg\"\u003e\n\u003c/p\u003e\n\n# Goal\nSimple admin UI based on bootstrap but be able to use material design too.\n\n**[Launch Live Preview](https://sterlp.github.io/admin-template/)**\n- run as docker `docker run -p 8080:80 sterlp/admin-template:latest`\n\n# Included\n- [Core UI](https://coreui.io/) based on Bootstrap\n- [Angular Material](https://material.angular.io/)\n\n# Optional\n- add angular bootstrap \n  - [ngx-bootstrap](https://valor-software.com/ngx-bootstrap/#/documentation#getting-started) `npm install --save ngx-bootstrap` or \n  - [ng-bootstrap](https://ng-bootstrap.github.io/#/getting-started) `ng add @ng-bootstrap/ng-bootstrap`\n\n# Links\n- [Admin-Template Core-UI 3](https://coreui.io/docs/getting-started/introduction/) based on Core-UI 3.4\n\n# Setup this Admin Template on your own\n## New Project\n- new project `ng new admin-template`\n\nuse `scss` for styles\n\n## Add Angular Material\n- `ng add @angular/material`\n  - select `Y` to add angular animations\n- `npm install material-icons --save`\n\n## Add Core UI\n- add coreui `npm install @coreui/coreui --save`\n- add some icons `npm install @coreui/icons simple-line-icons font-awesome --save`\n\n## styles `angular.json`\n\nadd to styles:\n```json\n            \"styles\": [\n              \"node_modules/@coreui/icons/css/free.css\",\n              \"node_modules/font-awesome/css/font-awesome.css\",\n              \"node_modules/simple-line-icons/css/simple-line-icons.css\",\n              \"src/assets/styles.scss\",\n              ...\n            ],\n```\n\n### local usesage of material icons\n```\nnpm install --save material-icons\n```\nadd in `styles.scss` https://www.npmjs.com/package/material-icons\n```scss\n$material-icons-font-path: '~material-icons/iconfont/';\n@import '~material-icons/iconfont/material-icons.scss';\n```\nremove from `index.html`\n```html\n\u003clink href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\"\u003e\n```\n\n### local usesage of robo fonts\n```\nnpm install --save roboto-fontface\n```\n\nadd in `styles.scss` https://www.npmjs.com/package/material-icons\n```scss\n$roboto-font-path: \"~roboto-fontface/fonts\" !default;\n@import \"~roboto-fontface/css/roboto/sass/roboto-fontface\";\n```\n\nremove from `index.html`\n```html\n\u003clink href=\"https://fonts.googleapis.com/css?family=Roboto:300,400,500\u0026display=swap\" rel=\"stylesheet\"\u003e\n```\nadd css class to `body` or main `div``\n```\nclass=\"mat-typography\"\n```\n\n# Links\n- https://ng-bootstrap.github.io\n- https://valor-software.com/ngx-bootstrap\n- https://coreui.io/docs\n- https://material.angular.io\n- https://gist.github.com/timbophillips/455ac41659fddcd774c5550650665b66\n- https://github.com/peaceiris/actions-gh-pages\n\n## Icons Links\n- https://fontawesome.com/v4.7.0/icons/\n- https://coreui.io/docs/icons/\n- https://material.io/resources/icons/\n\n## Used schematics\n- Table: https://material.angular.io/guide/schematics\n\n## Docker\n\n- npm run build:docker\n- docker push sterlp/admin-template\n\n# Copyright\n- CoreUI Code released under the MIT license\n- https://getbootstrap.com/docs/4.0/about/license/\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsterlp%2Fadmin-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsterlp%2Fadmin-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsterlp%2Fadmin-template/lists"}