TaskHub is a modern and responsive task management web application built with Angular 17 using standalone components and Angular best practices. The application enables users to efficiently manage tasks, update profile information, and interact with dynamic forms through an intuitive and user-friendly interface.
- Dashboard with personalized greeting and task statistics
- Complete Task Management (Create, Read, Update, Delete)
- Task filtering and status tracking
- User Profile Management
- Reactive Contact Form with validation
- Responsive navigation for desktop and mobile devices
- Angular Data Binding and Directives
- Custom Angular Pipes
- Component-based architecture
- Service-based state management using Observables and BehaviorSubjects
- Accessibility-focused design
- Responsive layouts using CSS Grid and Flexbox
- Standalone Components
- Routing and Navigation
- Interpolation
- Property Binding
- Event Binding
- Two-Way Data Binding (ngModel)
- Structural Directives (*ngIf, *ngFor)
- Attribute Directives (ngClass, dynamic styling)
- Reactive Forms
- Template-Driven Forms
- Custom Pipes
- Services and Dependency Injection
- Observable-based Component Communication
- Angular 17
- TypeScript
- HTML5
- CSS3
- RxJS
- Angular Forms
- Angular Router
-
npm install
-
ng serve
-
Open: http://localhost:4200
This project was developed as part of an Angular responsive web application to demonstrate component-based architecture, data binding, directives, forms, responsive design, and modern Angular development practices.