mohamed-mahmoud-hanenne / todolist

To-List App

To-List App is a simple web application developed in Angular that allows you to create, view, edit, and delete items from a list. This application utilizes fundamental Angular concepts, including Data binding and structural directives.

Features

• Reading Items: Displays a list of existing items.
• Adding Items: Allows adding new items to the list.
• Editing Items: Enables modifying existing items.
• Deleting Items: Allows removing items from the list.

Angular Concepts Used

• Data binding:

  • Interpolation: Displaying dynamic data in the HTML template.
  • Two-Way Binding: Bidirectional binding between model data and form elements.
  • Property binding: Binding HTML properties to component values.

• Structural Directives:

  • *ngIf: Conditionally show or hide DOM elements.
  • *ngFor: Iterate through a list of items and dynamically generate DOM elements.

Installation and Usage

1. Clone this GitHub repository.
2. Ensure you have Node.js and Angular CLI installed on your system.
3. Navigate to the project directory in your terminal.
4. Run npm install to install dependencies.
5. Run ng serve to start the development server.
6. Open your browser and go to http://localhost:4200/ to use the application.

Demo