{"id":13808758,"url":"https://github.com/svierk/angular-bootstrap-toast-service","last_synced_at":"2025-04-12T11:44:31.553Z","repository":{"id":42719035,"uuid":"444776019","full_name":"svierk/angular-bootstrap-toast-service","owner":"svierk","description":"🍞 Angular project for sending Bootstrap based toast notifications including Vercel deployment","archived":false,"fork":false,"pushed_at":"2025-03-01T01:07:04.000Z","size":2209,"stargazers_count":18,"open_issues_count":1,"forks_count":7,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-26T06:34:24.826Z","etag":null,"topics":["angular","bootstrap5","git-hooks","husky","jasmine","toast-notifications","toaster","typescript","vercel-deployment"],"latest_commit_sha":null,"homepage":"https://angular-bootstrap-toast-service.vercel.app","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/svierk.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":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":["svierk"]}},"created_at":"2022-01-05T11:20:46.000Z","updated_at":"2025-02-06T11:37:55.000Z","dependencies_parsed_at":"2023-02-15T17:15:40.646Z","dependency_job_id":"ff2f899b-760e-4ba7-a726-9dd8b427a155","html_url":"https://github.com/svierk/angular-bootstrap-toast-service","commit_stats":{"total_commits":144,"total_committers":3,"mean_commits":48.0,"dds":0.5416666666666667,"last_synced_commit":"757e8452d9529c7e3be00fd500fd0c3136650239"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/svierk%2Fangular-bootstrap-toast-service","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/svierk%2Fangular-bootstrap-toast-service/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/svierk%2Fangular-bootstrap-toast-service/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/svierk%2Fangular-bootstrap-toast-service/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/svierk","download_url":"https://codeload.github.com/svierk/angular-bootstrap-toast-service/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248564176,"owners_count":21125406,"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":["angular","bootstrap5","git-hooks","husky","jasmine","toast-notifications","toaster","typescript","vercel-deployment"],"created_at":"2024-08-04T01:01:51.251Z","updated_at":"2025-04-12T11:44:31.514Z","avatar_url":"https://github.com/svierk.png","language":"TypeScript","funding_links":["https://github.com/sponsors/svierk"],"categories":["Third Party Components"],"sub_categories":["Notifications"],"readme":"# 🍞 Angular Toast Service with Bootstrap\n\n![GitHub CI](https://github.com/svierk/angular-bootstrap-toast-service/actions/workflows/ci.yml/badge.svg)\n[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=svierk_angular-bootstrap-toast-service\u0026metric=alert_status)](https://sonarcloud.io/summary/new_code?id=svierk_angular-bootstrap-toast-service)\n[![codecov](https://codecov.io/gh/svierk/angular-bootstrap-toast-service/branch/main/graph/badge.svg?token=WWLC0MVTI8)](https://codecov.io/gh/svierk/angular-bootstrap-toast-service)\n[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fsvierk%2Fangular-bootstrap-toast-service.svg?type=shield)](https://app.fossa.com/projects/git%2Bgithub.com%2Fsvierk%2Fangular-bootstrap-toast-service?ref=badge_shield)\n\n![Angular](https://img.shields.io/badge/angular-%23DD0031.svg?logo=angular\u0026logoColor=white)\n![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?logo=typescript\u0026logoColor=white)\n![RxJS](https://img.shields.io/badge/rxjs-%23B7178C.svg?logo=reactivex\u0026logoColor=white)\n![Bootstrap](https://img.shields.io/badge/bootstrap-%23563D7C.svg?logo=bootstrap\u0026logoColor=white)\n![Vercel](https://img.shields.io/badge/vercel-%234300.svg?logo=vercel\u0026logoColor=white)\n\n## About the project\n\nThe idea of the project was to create a service that allows displaying different types of toast notifications to the user, e.g. success or error toasts.\n\nThe application consists of essentially three components: A toast component that represents a single toast notification, a toaster component that maintains and stacks all current toasts, and the toast service. How the solution was built and works in detail is also explained in the following Medium post:\n\n[How to Create a Toast Service Using Angular 14 and Bootstrap 5](https://medium.com/better-programming/how-to-create-a-toast-service-using-angular-13-and-bootstrap-5-494e5c66627)\n\n## Getting started\n\nTo get the toast service up and runnning locally, all you need to do is open the repository with VS Code and install all the recommended extensions.\n\nRun\n\n- `npm install` to install all required dependencies\n\n## Development Server\n\nRun\n\n- `npm start` for a local dev server. Navigate to `http://localhost:4200/`.\n\n## Linter and Prettier\n\nRun\n\n- `npm run lint` to check for _ESLint_ issues\n- `npm run lint:fix` to automatically fix _ESLint_ issues\n- `npm run prettier` to check for _Prettier_ issues\n- `npm run prettier:fix` to automatically fix _Prettier_ issues\n\n## Unit Tests\n\nRun\n\n- `npm run test` to execute the unit tests in watch mode for development\n- `npm run test:coverage` to execute all unit tests with code coverage\n\n## Build\n\nRun\n\n- `npm run build` to run the production build\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsvierk%2Fangular-bootstrap-toast-service","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsvierk%2Fangular-bootstrap-toast-service","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsvierk%2Fangular-bootstrap-toast-service/lists"}