{"id":25313813,"url":"https://github.com/varmatilak22yardi/first_app","last_synced_at":"2025-08-17T10:40:59.845Z","repository":{"id":274431613,"uuid":"922864629","full_name":"varmatilak22yardi/First_App","owner":"varmatilak22yardi","description":"This Angular-based To-Do List app lets users add, edit, and delete tasks with ease. It utilizes two-way data binding via Angular's [(ngModel)] directive to dynamically update the task list in real-time, offering a smooth, interactive user experience for managing to-dos effectively.","archived":false,"fork":false,"pushed_at":"2025-01-30T12:37:54.000Z","size":262,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-07T13:48:02.172Z","etag":null,"topics":["angular","angular-cli","angular-cli-ghpages","angular-cli19","angular19","html-css-javascript","two-way-data-binding","typescript"],"latest_commit_sha":null,"homepage":"https://varmatilak22yardi.github.io/First_App/","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/varmatilak22yardi.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-01-27T08:16:12.000Z","updated_at":"2025-01-30T12:37:58.000Z","dependencies_parsed_at":null,"dependency_job_id":"87496652-ad09-4770-9741-9fd82e6a5725","html_url":"https://github.com/varmatilak22yardi/First_App","commit_stats":null,"previous_names":["varmatilak22yardi/first_app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/varmatilak22yardi/First_App","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/varmatilak22yardi%2FFirst_App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/varmatilak22yardi%2FFirst_App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/varmatilak22yardi%2FFirst_App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/varmatilak22yardi%2FFirst_App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/varmatilak22yardi","download_url":"https://codeload.github.com/varmatilak22yardi/First_App/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/varmatilak22yardi%2FFirst_App/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270837424,"owners_count":24654379,"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-17T02:00:09.016Z","response_time":129,"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":["angular","angular-cli","angular-cli-ghpages","angular-cli19","angular19","html-css-javascript","two-way-data-binding","typescript"],"created_at":"2025-02-13T16:38:33.575Z","updated_at":"2025-08-17T10:40:59.804Z","avatar_url":"https://github.com/varmatilak22yardi.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# To-Do List App in Angular 📝\n\nThis is a simple To-Do List app built with Angular, allowing users to add, edit, and delete tasks. The app leverages Angular's **two-way data binding** using the `[(ngModel)]` directive to provide a smooth and dynamic user experience. 🚀\n\n## Features ✨\n- **Add tasks** to your to-do list. ➕\n- **Edit tasks** and update their details. ✏️\n- **Delete tasks** from the list when completed or no longer needed. ❌\n- **Two-way data binding** for real-time updates and seamless interaction. 🔄\n\n## Two-Way Data Binding in Angular 🔗\n\nIn this app, **two-way binding** is used to link the input fields and the task list dynamically. Here's how it works:\n\n- The `[(ngModel)]` directive is used to bind the input field to the task property. Any changes made to the input field are automatically reflected in the task model, and vice versa.\n- This allows the user to add or edit tasks directly within the input field, with the UI automatically updating as the model changes.\n\nExample of two-way binding:\n```html\n\u003cinput [(ngModel)]=\"newTask\" placeholder=\"Enter task\"\u003e\n```\nThis ensures that when the user types in the input box, the `newTask` variable in the component is updated, and the UI reflects those changes immediately. ✨\n\n## Setup and Installation ⚙️\n\n### Prerequisites 📋\nEnsure you have the following installed:\n\n- [Node.js](https://nodejs.org/) (v14.x or higher) 💻\n- [Angular CLI](https://angular.io/cli) 📦\n\n### Install the dependencies 📥\nClone the repository and install the dependencies:\n\n```bash\ngit clone https://github.com/your-username/todolist-app.git\ncd todolist-app\nnpm install\n```\n## Run the application 🚀\n\nTo run the application locally, use the following command:\n\n```bash\nng serve\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvarmatilak22yardi%2Ffirst_app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvarmatilak22yardi%2Ffirst_app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvarmatilak22yardi%2Ffirst_app/lists"}