A simple counter application built with Angular as part of the 30 Days of Angular Projects challenge.
This app demonstrates:
- Two-way data binding
- Event handling with
(click) - Conditional rendering using
ngSwitch - Styling based on state (positive, neutral, negative)
Click here to see the live demo
- Angular 19
- SCSS
- HTML & TypeScript
- Angular Directives:
ngSwitch,ngClass
- Counter initialized to
5 - Increment and Decrement buttons
- Dynamic status message:
- Positive ➕
- Neutral ➖
- Negative ➖
- State-based color styles using
ngClass
- Clone the repo:
git clone https://github.com/Ahmad-889/angular-counter.git
cd angular-counter