{"id":30112512,"url":"https://github.com/dihprogramador/easy-task","last_synced_at":"2025-08-10T06:43:17.373Z","repository":{"id":294968745,"uuid":"988640203","full_name":"dihprogramador/easy-task","owner":"dihprogramador","description":"Task manager app built with Angular Signals, designed during a course project. Includes user-based task filtering, localStorage integration, and modular component architecture.","archived":false,"fork":false,"pushed_at":"2025-05-22T23:46:12.000Z","size":1006,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-08-01T03:41:21.953Z","etag":null,"topics":["angular2","front-end","task-manager","todoapp","website"],"latest_commit_sha":null,"homepage":"https://dihcoder.github.io/easy-task/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dihprogramador.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-05-22T21:13:38.000Z","updated_at":"2025-05-22T23:46:15.000Z","dependencies_parsed_at":null,"dependency_job_id":"c217811d-4bef-4df2-b34b-f7782f1ca443","html_url":"https://github.com/dihprogramador/easy-task","commit_stats":null,"previous_names":["dihcoder/easy-task","dihprogramador/easy-task"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/dihprogramador/easy-task","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dihprogramador%2Feasy-task","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dihprogramador%2Feasy-task/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dihprogramador%2Feasy-task/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dihprogramador%2Feasy-task/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dihprogramador","download_url":"https://codeload.github.com/dihprogramador/easy-task/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dihprogramador%2Feasy-task/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":269688004,"owners_count":24459396,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-10T02:00:08.965Z","response_time":71,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular2","front-end","task-manager","todoapp","website"],"created_at":"2025-08-10T06:43:11.587Z","updated_at":"2025-08-10T06:43:17.312Z","avatar_url":"https://github.com/dihprogramador.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003e 📘 Este README também está disponível em [Português 🇧🇷](./README.pt-br.md)\n\n# 🧾 EasyTask\n\n**EasyTask** is a task management app built with Angular that lets you view, add, complete, and delete tasks by user. Created as part of the course *Angular - The Complete Guide (2025 Edition)*, this project applies modern Angular features like `signals`, reactive services, and `content projection`.\n\n\u003e 🌐 Live demo available at: [https://dihcoder.github.io/easy-task](https://dihcoder.github.io/easy-task)\n\n\u003cbr/\u003e\n\n![EasyTask Preview](./task-management-app.png)\n\n---\n\n## ✨ Features\n\n* Switch between users with separate task lists  \n* Add new tasks  \n* Mark tasks as completed  \n* Delete tasks  \n* Persistent storage with **localStorage**\n\n---\n\n## 🧠 Angular Concepts Used\n\n* `@Input()` and `@Output()` with `signals`  \n* `ng-content` for content projection  \n* Reactive state with `signal` and `computed`  \n* Component communication  \n* Shared services with `@Injectable()`  \n* Modular, reusable componentization  \n* Feature-based folder structure  \n* Pipes (`date`)\n\n---\n\n## 🛠️ Technologies\n\n* [Angular](https://angular.io/) v19.1  \n* TypeScript  \n* HTML/CSS  \n* TailwindCSS (partial and progressive use)  \n* localStorage (Web Storage API)\n\n---\n\n## 📁 Folder Structure\n\n```bash\nsrc/\n├── app/\n│   ├── core/\n│   │   └── services/\n│   │       ├── task.service.ts\n│   │       └── user.service.ts\n│   ├── features/\n│   │   ├── tasks/\n│   │   │   ├── add-task/         # Task form\n│   │   │   ├── task/             # Single task component + task.model.ts\n│   │   │   ├── tasks.component.*\n│   │   └── user-list/\n│   │       ├── user/             # Single user component + user.model.ts\n│   │       ├── user-list.component.*\n│   └── shared/\n│       ├── card/                # Reusable layout component\n│       └── header/              # App header\n├── assets/\n│   ├── users/                   # User images\n│   └── task-management-logo.png\n````\n\n\u003e The structure follows the **Core + Features + Shared** pattern, promoting scalability and modular organization.\n\n---\n\n## 🎨 Styling\n\n* Base styling is written in **pure CSS**.\n* TailwindCSS is included for future utility-first adoption.\n* Responsive and modern design with reusable components.\n\n---\n\n## ▶️ How to Run Locally\n\n```bash\n# Clone the repository\ngit clone https://github.com/dihcoder/easy-task.git\ncd easy-task\n\n# Install dependencies\nnpm install\n\n# Run the development server\nng serve\n```\n\nAccess at: [http://localhost:4200](http://localhost:4200)\n\n---\n\n## 📚 Project Goal\n\nThis project was developed for educational purposes, as part of the Angular course on [Udemy](https://www.udemy.com/) taught by [Maximilian Schwarzmüller](https://www.udemy.com/course/the-complete-guide-to-angular-2/). Its goal is to consolidate modern Angular architecture, best practices, and up-to-date framework features.\n\n---\n\n## 🧑‍💻 Author\n\n**Diego Silva**\nTech enthusiast passionate about development and design.\n[GitHub: @dihcoder](https://github.com/dihcoder)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdihprogramador%2Feasy-task","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdihprogramador%2Feasy-task","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdihprogramador%2Feasy-task/lists"}