# Todo List Tutorial

## stackblitz

- [About](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz/undefined.md)
- [#0: 💃 Introduction](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz/introduction.md)
- [#1: ⌛ Installations](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz/installations.md)
- [#2: 🅰 Angular kicks in](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz/angular-kicks-in.md)
- [#3: 📐 Component](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz/component.md)
- [#4:  ✏ A new component](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz/a-new-component.md)
- [#5: 💼 Class](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz/class.md)
- [#6: 📥 Property binding](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz/property-binding.md)
- [#7: 📤 Event binding](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz/event-binding.md)
- [#8: 📎 Element ref - #](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz/element-ref.md)
- [#9: 📋 The To Do list](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz/the-to-do-list.md)
- [#10: ➕ New component: todo-item](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz/new-component-todo-item.md)
- [#11: ⛓ Interface](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz/11-interface.md)
- [#12: 📌 Add items](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz/add-items.md)
- [#13: 🚧 Refactor App Component](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz/refactor-app-component.md)
- [#14: 💅 Adding Style](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz/adding-style.md)
- [#15:  🔋 Creating a Service](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz/service.md)
- [#16: 🎁 Add Items Using the Service](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz/add-more-abilities-to-service.md)
- [#17: 💾 Local storage](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz/local-storage.md)
- [#18: 🗑 Remove item](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz/remove-item.md)
- [#19: 🔘 Adding a checkbox](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz/adding-a-checkbox.md)
- [#20: 🛰Deploy to GitHub Pages](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz/20-deploy-to-github-pages.md)
- [#21: 💪 Enrich the todo-item component](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz/enrich-the-todo-item-component.md)
- [Appendix 2: Tutorial Extensions](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz/appendix-2-tutorial-extensions.md)
- [Appendix 3: StackBlitz links](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz/appendix-3-stackblitz-links.md)

## stackblitz-merge

- [About](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz-merge/undefined.md)
- [Introduction](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz-merge/introduction.md)
- [Installations](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz-merge/installations.md)
- [Angular kicks in](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz-merge/angular-kicks-in.md)
- [Component](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz-merge/component.md)
- [A new component](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz-merge/a-new-component.md)
- [Class](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz-merge/class.md)
- [Property binding](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz-merge/property-binding.md)
- [Event binding](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz-merge/event-binding.md)
- [Element ref - #](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz-merge/element-ref.md)
- [The To Do list](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz-merge/the-to-do-list.md)
- [New component: todo-item](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz-merge/new-component-todo-item.md)
- [Add items](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz-merge/add-items.md)
- [Refactor App Component](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz-merge/refactor-app-component.md)
- [Adding Style](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz-merge/adding-style.md)
- [Service](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz-merge/service.md)
- [Add more abilities to service](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz-merge/add-more-abilities-to-service.md)
- [Local storage](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz-merge/local-storage.md)
- [Remove item](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz-merge/remove-item.md)
- [Adding a checkbox](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz-merge/adding-a-checkbox.md)
- [Enrich the todo-item component](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz-merge/enrich-the-todo-item-component.md)
- [Appendix 2: Tutorial Extensions](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz-merge/appendix-2-tutorial-extensions.md)
- [Appendix 3: StackBlitz links](https://ng-girls.gitbook.io/todo-list-tutorial/stackblitz-merge/appendix-3-stackblitz-links.md)

## Primary version

- [Welcome to the ngGirls tutorial!](https://ng-girls.gitbook.io/todo-list-tutorial/readme.md): You can follow this tutorial by yourself at anytime. We'd love to receive your feedback!
- [About](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/workshop-todo-list.md)
- [#0: 💃 Introduction](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/introduction.md)
- [#1: ⌛ Installations](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/installations.md)
- [a. StackBlitz instructions](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/installations/stackblitz.md)
- [#2: 🅰 Angular kicks in](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/angular-kicks-in.md)
- [#3: 📐 Component](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/component.md)
- [#4: ✏ A new component](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/a-new-component.md)
- [a. StackBlitz instructions](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/a-new-component/stackblitz.md)
- [#5: 💼 Class](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/class.md)
- [#6: 📥 Property binding](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/property-binding.md)
- [#7: 📤Event binding](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/event-binding.md)
- [#8: 📎 Element ref - #](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/about.md)
- [a. About](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/about/about.md)
- [b. Explore](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/about/explore.md)
- [c. Resources](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/about/resources.md)
- [#9: 📋 The To Do list](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/the-to-do-list.md)
- [#10: ➕ New component: todo-item](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/new-component-todo-item.md)
- [#11: ⛓ Interface](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/interface.md)
- [a. StackBlitz instructions](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/interface/stackblitz.md)
- [#12: 📌Add items](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/add-items.md)
- [#13: 🚧 Refactor App Component](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/refactor-app-component.md)
- [#14: 💅 Adding Style](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/adding-style.md)
- [#15: 🔋 Creating a Service](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/creating-a-service.md)
- [#16: 🎁 Add Items Using the Service](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/add-items-using-the-service.md)
- [#17: 💾Local storage](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/local-storage.md)
- [#18: 🗑 Remove item](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/remove-item.md)
- [#19: 🔘 Adding a checkbox](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/adding-a-checkbox.md)
- [#21: 💪 Enrich the todo-item component](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/enrich-the-todo-item-component.md)
- [Appendix 1: Git and GitHub](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/appendix-1-git-and-github.md): Create a GitHub repository for your project. Manage and sync it using Git.
- [Appendix 2: 🛰 Deploying your app](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/appendix-1-deploying-your-app.md): Here you'll find several options to deploy your app, including instructions.
- [Deploy to Azure Static Web Apps](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/appendix-1-deploying-your-app/deploying-with-azure-static-web-apps.md)
- [Deploy to GitHub Pages](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/appendix-1-deploying-your-app/deploy-to-github-pages.md)
- [a. StackBlitz instructions](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/appendix-1-deploying-your-app/deploy-to-github-pages/stackblitz.md)
- [Appendix 3: Tutorial Extensions](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/appendix-2-tutorial-extensions.md)
- [Appendix 4: Generating a new project](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/appendix-1-generating-a-new-project.md)
- [Troubleshooting](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/troubleshooting.md)
- [Installation](https://ng-girls.gitbook.io/todo-list-tutorial/workshop-todo-list/troubleshooting/installation.md)
- [Second workshops - CRUD and HTTP](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/crud_http.md)
- [#1 MongoDB](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/crud_http/mongo_db.md)
- [#2 Local server](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/crud_http/local_server.md)
- [#3 http in diagrams](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/crud_http/crudalize_diagrams.md)
- [#4 POST](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/crud_http/post.md)
- [#5 GET](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/crud_http/get.md)
- [#6 DELETE and PUT](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/crud_http/delete_put.md)
- [Gallery with Rx.js](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/hello.md)
- [#0: Init photo gallery](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/hello/init.md)
- [#1: Observable](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/hello/observable.md)
- [#2: More interaction! Upload photos](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/hello/upload-photos.md)
- [#3: Merging Observables](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/hello/display-uploaded-photos.md)
- [#4: Filtering by category](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/hello/add-categories.md)
- [#5: Adding photos to category](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/hello/add-photo-to-category.md)
- [Forms](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/forms_intro.md)
- [#1: Template-driven forms](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/forms_intro/template_form.md)
- [#2: Reactive forms](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/forms_intro/reactive_form.md)
- [#3: Form builder](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/forms_intro/form_builder.md)
- [NgRx](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/ngrx_intro.md)
- [#1: Actions and reducers](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/ngrx_intro/actions_reducers.md)
- [#2: Store Devtools](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/ngrx_intro/devtools.md)
- [#3: Implementing actions in app](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/ngrx_intro/actions_in_app.md)
- [#4: Selectors](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/ngrx_intro/selectors.md)
- [RxJS](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/rxjs_intro.md)
- [Operators](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/rxjs_intro/operators.md)
- [Play time!](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/rxjs_intro/playground.md)
- [Blog Editor](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/index.md)
- [#1 ⚙️Configuring firebase](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/index/01_firebase.md)
- [#2 💅Add Angular Material](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/index/02_add_material.md)
- [#3 💅Add Bootstrap](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/index/03_add_bootstrap.md)
- [#4 🧭Add Navigation](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/index/04_add_navigation.md)
- [#5 ✏️Add Editor](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/index/05_add_editor.md)
- [#6 ⚙️Connect Database](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/index/06_connect_database.md)
- [#6 💅Add Feed](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/index/07_add_feed.md)
- [#7 ✏️Edit Post](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/index/08_edit_post.md)
- [#9 🚀Deploy](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/index/09_deploy.md)
- [#10 ✏ ️Next Steps](https://ng-girls.gitbook.io/todo-list-tutorial/more-workshops/index/10_next_steps.md)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on a page URL with the `ask` query parameter:
```
GET https://ng-girls.gitbook.io/todo-list-tutorial/readme.md?ask=<question>
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.