An open API service indexing awesome lists of open source software.

https://github.com/souravxdev/angular-counter-app


https://github.com/souravxdev/angular-counter-app

Last synced: 4 months ago
JSON representation

Awesome Lists containing this project

README

          

# Counter App

- This is a simple counter application.
- There are two buttons named Increment & Decrement.
- By clicking on increment button the counter value increased by 1 and by clicking decrement button the counter value is decreased by 1.
- There is a status text, below the buttons displaying whether the number is positive, negative, or neutral.
- This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.0.5.

## Project Images

![Project Image 1](./assets/project-image-neutral.png)
![Project Image 2](./assets/project-image-positive.png)
![Project Image 1](./assets/project-image-negative.png)

## Project Learnings & Challenges

In this project I have learned & applied,

- _interpolation_,
- _ngSwitch_ & _ngSwitchCase_ in _CommonModule_,
- _ngStyle_ and
- _ngClass_
of Angular.

## Getting Started

Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.

### Prerequisites

Make sure you have the following installed on your system:

- **Node.js:** (Ideally the latest LTS version - check with `node -v`) [Download Node.js](https://nodejs.org/)
- **npm** (usually installed with Node.js - check with `npm -v`) or **yarn** (check with `yarn --version`) [Install Yarn](https://yarnpkg.com/getting-started)
- **Angular CLI:** (Install globally - check with `ng --version`)
```bash
npm install -g @angular/cli
# or
yarn global add @angular/cli
```
- **Git:** (for version control) [Download Git](https://git-scm.com/)

### Installation

1. **Clone the repository:**

```bash
git clone [repository URL]
cd [your-project-name]
```

2. **Install dependencies:**
Using npm:
```bash
npm install
```
or using yarn:
```bash
yarn install
```

## Development Server

To run the development server:

```bash
ng serve -o

```

## Contributions

Contributions are welcome! Feel free to open issues or submit pull requests.

## Contact

You can reach me at [sourav.seu.cse@gmail.com].