/angular-task-tracker

Extremely simple app to practice some angular basics

Primary LanguageTypeScript

What is this app?

Just ordinary, simple app to learn basics of Angular framework.

What knowledge did I gain by building this project?

  • RxJs

    • Streams / Work with async data
      • Observables, subscription methods, live cycle, best practices
      • Subjects, their variations (Behavior, Async), goals, differences etc
    • Pipes... concept? idk
      • data normalization using Observable.pipe() method
      • rxjs's map, filter, find, skip, take
  • Services

    • generating
    • using inside components
    • services goals
  • Http Module

    • CRUD operations
    • observables
  • Forms Module

    • two-way binding
    • submitting
  • Router Module

    • actual routing
    • conditional rendering depending on url
    • router links
  • Global/Local Styling

  • Third party modules (fontawesome icons)

  • Angular apps file structure

  • Angular CLI

  • And JUST TON of theoretical info from endless(or not so) articles and videos

Preview

image

image

image

If you (for some reason) wanna start this locally:

  1. Just clone this repository
  2. Run npm i to install app dependencies
  3. Run ng serve -o to run project on http://localhost:4200
  4. Run npm run server to start mock backend (db.json file)