⚡ Angular Signals Database

• App using Angular signals and the Angular Material design component library to display and add items to a list.
• Note: to open web links in a new window use: ctrl+click on link

📄 Table of contents

• ⚡ Angular Signals Database
  • 📄 Table of contents
  • 📚 General info
  • 📷 Screenshots
  • 📶 Technologies
  • 💾 Setup
  • 💻 Code Examples
  • 🆒 Features
  • 📋 Status & To-Do List
  • 👏 Inspiration
  • 📁 License
  • ✉️ Contact

📚 General info

• Angular Material list of robots, showing name, work area & code

📷 Screenshots

📶 Technologies

• Angular v17
• Angular Material v17
• Angular signals

💾 Setup

• Install dependencies using npm i

• 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.

• Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

💻 Code Examples

• functions from robots.service.ts to add qnd delete robots

  addRobot(newRobot: Robot): void {
    setTimeout(() => {
      this.robots.update((robots) => [newRobot, ...robots]);
      this.router.navigate(['/']);
    }, 500);
  }

  deleteRobot(code: string): void {
    setTimeout(() => {
      this.robots.update((robots) => robots.filter((rob) => rob.code !== code));
    }, 500);
  }

🆒 Features

• 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.

📋 Status & To-Do List

• Status: Working
• To-Do: Nothing

👏 Inspiration

• Angular Signals documentation.

📁 License

• This project is licensed under the terms of the MIT license.

✉️ Contact

• Repo created by ABateman, email: gomezbateman@gmail.com