https://github.com/solygambas/angular-projects

A small project to understand Angular core concepts.
https://github.com/solygambas/angular-projects

angular javascript typescript

Last synced: about 1 year ago
JSON representation

A small project to understand Angular core concepts.

• Host: GitHub
• URL: https://github.com/solygambas/angular-projects
• Owner: solygambas
• Created: 2022-01-18T05:42:51.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2022-11-17T07:34:11.000Z (over 3 years ago)
• Last Synced: 2025-02-13T23:34:36.184Z (about 1 year ago)
• Topics: angular, javascript, typescript
• Language: TypeScript
• Homepage:
• Size: 2.41 MB
• Stars: 2
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Angular Projects

A small project to understand Angular core concepts.

## Task Tracker

A simple to-do list app.

[See 01-task-tracker folder](01-task-tracker)



    

        

    



### Features

- setting up an Angular app.

- understanding modular structure, defining global styles and using interpolations.

- generating components, handling input data and inline styles.

- managing events with Output and EventEmitter.

- mocking tasks, creating a Task interface and looping over tasks.

- displaying icons with @fortawesome/angular-fontawesome.

- creating a Task service, initiating and subscribing to Observable.

- setting up JSON Server as a fake back-end.

- creating, reading, updating and deleting data with HttpClientModule.

- handling user inputs with FormsModule.

- toggling button and form with Observable Subject.

- defining routes with RouterModule.

Based on [Angular Crash Course](https://www.youtube.com/watch?v=3dHNOWTI7H8) by Brad Traversy (2021).