{"id":18614760,"url":"https://github.com/andrewjbateman/angular-signals-database","last_synced_at":"2026-04-16T18:06:30.030Z","repository":{"id":170076506,"uuid":"645510524","full_name":"AndrewJBateman/angular-signals-database","owner":"AndrewJBateman","description":":clipboard: Angular app using signals to display and update data on frontend. The app is styled using Angular Materials. The data displayed is obtained from an array of objects stored in the Robots Service. Robots can be added to and deleted from the list.","archived":false,"fork":false,"pushed_at":"2023-12-17T17:59:13.000Z","size":1136,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2024-12-27T02:44:36.643Z","etag":null,"topics":["angular-material","angular-signals","angular17","cicd","database","github-actions"],"latest_commit_sha":null,"homepage":"https://zesty-buttercream-2ac04c.netlify.app/","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/AndrewJBateman.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-05-25T20:24:48.000Z","updated_at":"2023-12-19T09:08:12.000Z","dependencies_parsed_at":null,"dependency_job_id":"f98b5656-8277-493a-a690-744d4bdec061","html_url":"https://github.com/AndrewJBateman/angular-signals-database","commit_stats":null,"previous_names":["andrewjbateman/angular-signals-database"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AndrewJBateman%2Fangular-signals-database","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AndrewJBateman%2Fangular-signals-database/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AndrewJBateman%2Fangular-signals-database/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AndrewJBateman%2Fangular-signals-database/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AndrewJBateman","download_url":"https://codeload.github.com/AndrewJBateman/angular-signals-database/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239406449,"owners_count":19633024,"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-material","angular-signals","angular17","cicd","database","github-actions"],"created_at":"2024-11-07T03:26:54.891Z","updated_at":"2025-11-03T03:30:27.682Z","avatar_url":"https://github.com/AndrewJBateman.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# :zap: Angular Signals Database\n\n* App using [Angular signals](https://angular.io/guide/signals) and the [Angular Material design component library](https://material.angular.io/) to display and add items to a list.\n* **Note:** to open web links in a new window use: _ctrl+click on link_\n\n![GitHub repo size](https://img.shields.io/github/repo-size/AndrewJBateman/angular-signals-database?style=plastic)\n![GitHub pull requests](https://img.shields.io/github/issues-pr/AndrewJBateman/angular-signals-database?style=plastic)\n![GitHub Repo stars](https://img.shields.io/github/stars/AndrewJBateman/angular-signals-database?style=plastic)\n![GitHub last commit](https://img.shields.io/github/last-commit/AndrewJBateman/angular-signals-database?style=plastic)\n\n## :page_facing_up: Table of contents\n\n* [:zap: Angular Signals Database](#zap-angular-signals-database)\n  * [:page\\_facing\\_up: Table of contents](#page_facing_up-table-of-contents)\n  * [:books: General info](#books-general-info)\n  * [:camera: Screenshots](#camera-screenshots)\n  * [:signal\\_strength: Technologies](#signal_strength-technologies)\n  * [:floppy\\_disk: Setup](#floppy_disk-setup)\n  * [:computer: Code Examples](#computer-code-examples)\n  * [:cool: Features](#cool-features)\n  * [:clipboard: Status \\\u0026 To-Do List](#clipboard-status--to-do-list)\n  * [:clap: Inspiration](#clap-inspiration)\n  * [:file\\_folder: License](#file_folder-license)\n  * [:envelope: Contact](#envelope-contact)\n\n## :books: General info\n\n* Angular Material list of robots, showing name, work area \u0026 code\n\n## :camera: Screenshots\n\n![Example screenshot](./img/robots.png)\n\n## :signal_strength: Technologies\n\n* [Angular v17](https://angular.io/)\n* [Angular Material v17](https://material.angular.io/)\n* [Angular signals](https://angular.io/guide/signals)\n\n## :floppy_disk: Setup\n\n* Install dependencies using `npm i`\n* Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.\n\n* Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.\n\n## :computer: Code Examples\n\n* functions from `robots.service.ts` to add qnd delete robots\n\n```typescript\n  addRobot(newRobot: Robot): void {\n    setTimeout(() =\u003e {\n      this.robots.update((robots) =\u003e [newRobot, ...robots]);\n      this.router.navigate(['/']);\n    }, 500);\n  }\n\n  deleteRobot(code: string): void {\n    setTimeout(() =\u003e {\n      this.robots.update((robots) =\u003e robots.filter((rob) =\u003e rob.code !== code));\n    }, 500);\n  }\n```\n\n## :cool: Features\n\n* Angular signals means less code and avoids having to check the entire component tree when there is a state change in just one part of the tree. Presumably Zone.js will be removed from the Angular core bundle once Signals becomes standard.\n\n## :clipboard: Status \u0026 To-Do List\n\n* Status: Working\n* To-Do: Nothing\n\n## :clap: Inspiration\n\n* [Angular Signals documentation](https://angular.io/guide/signals).\n\n## :file_folder: License\n\n* This project is licensed under the terms of the MIT license.\n\n## :envelope: Contact\n\n* Repo created by [ABateman](https://github.com/AndrewJBateman), email: `gomezbateman@gmail.com`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandrewjbateman%2Fangular-signals-database","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fandrewjbateman%2Fangular-signals-database","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fandrewjbateman%2Fangular-signals-database/lists"}