https://github.com/chandankhamitkar/karcha
Angular Based Expense Tracker Web-Application
https://github.com/chandankhamitkar/karcha
angular angular19 tailwindscss
Last synced: 4 months ago
JSON representation
Angular Based Expense Tracker Web-Application
- Host: GitHub
- URL: https://github.com/chandankhamitkar/karcha
- Owner: ChandanKhamitkar
- Created: 2024-12-15T03:56:44.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-12-29T16:04:55.000Z (6 months ago)
- Last Synced: 2024-12-29T17:18:54.567Z (6 months ago)
- Topics: angular, angular19, tailwindscss
- Language: TypeScript
- Homepage:
- Size: 156 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ExpenseTracker
This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.0.5.
# Learnings
### Intall Angular CLI
```
npm install -g @angular/cli
```
### Create new project
```
npm install -g @angular/cli
```
### To create component run:
```
ng g components components/card
// This will generate files that are requried
- Such as
- card.component.css
- card.component.html
- card.component.ts ( Writing entire logic ( script ) such importing javascript will be written here )
- card.component.spec.ts
```
- app.component.html routes for **'/'** path
## Angular inbuilt methods | Functions | Packages used :
#### 🔸Signal
Used for managing reactivity and optimizing change detection.
```
Syntax:
variableName = signal(default-value);
Example:
title = signal('Karcha');
```
#### Oninit
ngOnInit is called only once during the **component's lifecycle**, making it ideal for tasks that need to be performed only once.
```
Syntax:
async ngOninit(){
// perform your task here
}
ngOninit(): void{
// perform your task here
}
```
## Development server
To start a local development server, run:
```bash
ng serve
```
Once the server is running, open your browser and navigate to `http://localhost:4200/`. The application will automatically reload whenever you modify any of the source files.
## Code scaffolding
Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
```bash
ng generate component component-name
```
For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
```bash
ng generate --help
```
## Building
To build the project run:
```bash
ng build
```
This will compile your project and store the build artifacts in the `dist/` directory. By default, the production build optimizes your application for performance and speed.
## Running unit tests
To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
```bash
ng test
```
## Running end-to-end tests
For end-to-end (e2e) testing, run:
```bash
ng e2e
```
Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
## Additional Resources
For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.