Angular Feature Practice Project

This is a comprehensive Angular practice project demonstrating all major Angular features. Ideal for learners and developers who want to master Angular by hands-on examples.

Features Covered

• Template-driven forms
• Reactive forms
• Input & Output decorators
• Custom directives
• File upload handling
• HTTP interceptors
• Observables & async pipe
• Built-in & custom pipes
• Query parameters
• Dependency injection & services
• Lazy-loaded modules
• trackBy in *ngFor for performance
• Route guards (Auth, CanDeactivate, etc.)
• Unit testing with Jasmine & Karma
• Clean folder structure with best practices

Tech Stack

• Angular ^14+
• RxJS
• Jasmine & Karma (Unit Testing)

How to Run

1. Clone the repo git clone https://github.com/your-username/you_repo.git cd angular-feature-practice

2. Install dependencies npm install

3. Start the dev server ng serve

4. Run Unit Tests ng test

Best Practices Followed

• Lazy loading and module separation
• Environment-specific configurations
• Separation of concerns using services
• Reusable and testable components
• Usage of trackBy for optimized rendering
• Form validations

Learning Goals

This project was created to practice and consolidate all major Angular concepts

---

Contributions

This project is for educational/demo purposes. Thanks for checking it out!