/todo

A todo list app using Angular v.13

Primary LanguageTypeScript

Todo

angular ngrx

Description

Todo App using Angular13 and NgRx.

Getting Started

Configurations

Set api url in src/assets/configs/configs.json as apiUrl. Default is http://localhost:3000/.

Dependencies

Dependencies are listed in package.json file.
use npm install to install them.

Demo

  1. App Startup:
    img

  2. Create List:
    img

  3. Create Task:
    img

  4. Edit List:
    img

  5. Edit Task:
    img

  6. New Created List Tasks (tasks can move to daily tasks, edit and delete)
    img

  7. Main List (Daily Tasks). tasks can be deleted and edited:
    img

  8. Completed Tasks List (tasks can be deleted):
    img

  9. Delete List:

    1. Warning when list has some tasks.
    img
    1. Delete List if it has no tasks.
    img

Authors

Amir Rezaei @ameerezae