{"id":19249909,"url":"https://github.com/davidandw190/mytodo-angular","last_synced_at":"2026-05-17T11:31:26.407Z","repository":{"id":161218907,"uuid":"627130405","full_name":"davidandw190/MyToDo-ANGULAR","owner":"davidandw190","description":"A user-friendly web app built with Angular, TypeScript, and SCSS. It lets users create, edit, and delete tasks with ease, mark them complete, and comes with fluid animations. ","archived":false,"fork":false,"pushed_at":"2023-05-03T20:20:11.000Z","size":2194,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-09-02T03:43:30.009Z","etag":null,"topics":["angular","typescript"],"latest_commit_sha":null,"homepage":"","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/davidandw190.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}},"created_at":"2023-04-12T21:06:08.000Z","updated_at":"2023-05-02T20:34:09.000Z","dependencies_parsed_at":"2023-07-05T13:05:57.429Z","dependency_job_id":null,"html_url":"https://github.com/davidandw190/MyToDo-ANGULAR","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/davidandw190/MyToDo-ANGULAR","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davidandw190%2FMyToDo-ANGULAR","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davidandw190%2FMyToDo-ANGULAR/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davidandw190%2FMyToDo-ANGULAR/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davidandw190%2FMyToDo-ANGULAR/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/davidandw190","download_url":"https://codeload.github.com/davidandw190/MyToDo-ANGULAR/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/davidandw190%2FMyToDo-ANGULAR/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33136665,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-17T09:28:26.183Z","status":"ssl_error","status_checked_at":"2026-05-17T09:27:52.702Z","response_time":107,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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","typescript"],"created_at":"2024-11-09T18:15:41.633Z","updated_at":"2026-05-17T11:31:26.392Z","avatar_url":"https://github.com/davidandw190.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# MyToDo Application\n\nMyToDo is a simple but effective web application built with Angular, TypeScript, and SCSS. It allows users to create, edit, and delete tasks, as well as mark them as complete. The app features a user-friendly interface built with SCSS and Bulma, fluid animations, and leverages Angular's powerful features such as data binding, dependency injection, and modular architecture. Additionally, I incorporated responsive design principles to ensure the app is accessible across different devices.\n\n## Preview\n\n![preview](./mytodo-preview.gif)\n\n## Features\n\nMyToDo application comes with the following features:\n\n* Adding new task\n* Editing existing task\n* Delete existing task\n* Marking task as complete\n* User-friendly interface with SCSS and Bulma\n* Fluid animations\n* Responsive design\n\n## Architecture\n\nMyToDo application follows Angular's modular architecture. The application is divided into the following components:\n\n* **app component**: The root module of the application.\n* **todos component**: Contains services, models and funtionalities that are used throughout the core application.\n* **todo items component**: Contains services, models and functionalities related to the todo items (tasks).\n* **edit todo dialog component**: Contains services, models and functionalities related to the case in which the user edits a todo item.\n* **shared component**: Contains services, models and functionalities that are shared across multiple components.\n\n## What I Learned\n\nDuring the development of MyToDo application, I learned the following:\n\n* **Angular**: I gained a better understanding of Angular's powerful features, such as data binding, dependency injection, and modular architecture.\n* **TypeScript**: I learned the basics of how to use TypeScript's features, such as classes, interfaces, and generics, to write more robust and maintainable code.\n* **SCSS**: I learned how to use SCSS's features, such as variables, mixins, and functions, to write more flexible and reusable stylesheets.\n* **Bulma**: I learned how to use Bulma's components and utility classes to build responsive and modern user interfaces.\n\n## Installation\n\nTo install and run MyToDo application, follow these steps:\n\n1. Clone the repository: `git clone https://github.com/davidandw190/MyToDo-ANGULAR.git`\n2. Install dependencies: `npm install`\n3. Run the application: `ng serve`\n\nThe application should open in your default browser at `http://localhost:4200`\n\n## Running unit tests\n\nRun `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).\n\n## Running end-to-end tests\n\nRun `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavidandw190%2Fmytodo-angular","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdavidandw190%2Fmytodo-angular","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdavidandw190%2Fmytodo-angular/lists"}