{"id":20925632,"url":"https://github.com/claracharriau/todo-app","last_synced_at":"2026-04-25T06:35:59.379Z","repository":{"id":143096657,"uuid":"614803958","full_name":"ClaraCharriau/todo-app","owner":"ClaraCharriau","description":"Simple todo list web app with Angular","archived":false,"fork":false,"pushed_at":"2023-07-23T12:35:31.000Z","size":303,"stargazers_count":1,"open_issues_count":0,"forks_count":3,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-12-30T13:01:59.738Z","etag":null,"topics":["angular","todo-list","todoapp"],"latest_commit_sha":null,"homepage":"https://clara-to-do-app.netlify.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/ClaraCharriau.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}},"created_at":"2023-03-16T11:00:55.000Z","updated_at":"2025-06-10T02:56:18.000Z","dependencies_parsed_at":"2023-07-23T13:42:47.711Z","dependency_job_id":null,"html_url":"https://github.com/ClaraCharriau/todo-app","commit_stats":null,"previous_names":["claracharriau/todo-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ClaraCharriau/todo-app","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ClaraCharriau%2Ftodo-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ClaraCharriau%2Ftodo-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ClaraCharriau%2Ftodo-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ClaraCharriau%2Ftodo-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ClaraCharriau","download_url":"https://codeload.github.com/ClaraCharriau/todo-app/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ClaraCharriau%2Ftodo-app/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32253251,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-25T04:23:17.126Z","status":"ssl_error","status_checked_at":"2026-04-25T04:21:53.360Z","response_time":59,"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","todo-list","todoapp"],"created_at":"2024-11-18T20:33:57.248Z","updated_at":"2026-04-25T06:35:59.345Z","avatar_url":"https://github.com/ClaraCharriau.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![miniature-readme](https://user-images.githubusercontent.com/101406252/228045062-076d1b46-0381-4453-b7dd-230e1aa84b52.jpg)\n\n# 📝 Todo Application\n\nUsers will find their todo list on a homepage, displayed according to their priority, it's also possible to filter according to the tasks categories.\nThe users can create new tasks by clicking on the \"+\" button. When tasks are done, clicking on them transfer them to the history list. A task can be modified by clicking on them on the home page.\n\n### Production : https://clara-to-do-app.netlify.app\n\n### 📍 Homepage\n\nThe browser will search for existing todo's in his **LocalStorage**. The todo are sorted and displayed according to their priority thanks to **Angular's ngIf and ngFor directives**. If there is no task, a button suggest to create a new one.\n\nBy clicking on a task, the user can modify it. Clicking on the checkbox’s task sends it to the history.\n\nThe category’s emojis are displayed through a **custom pipe**.\n\nOn the top of the page, users can filter tasks by categories with **filter()** method.\n\n### 📍 Task creation \u0026 modification \n\nTo optimize the number of components, the form that create and modify tasks is the same. This component is reused on the \"creation\" page where it creates a new task and on the \"modification\" page where it allows to modify the task thanks to the **navigation by parameter** in the url.\n\nThe button stays disabled if the category isn’t selected or if the content remains empty. The style of the button changes according to the Angular attribute **[disabled]**.\n\nBy clicking on the button, the current task is sent to the browser’s **LocalStorage**.\n\n### 📍 Task JSON structure\n\n```json\n    {\n        \"id\": \"0464c4ee-9f34-492a-bc6f-f105ca841c30\",\n        \"content\": \"responds to urgent emails\",\n        \"category\": \"work\",\n        \"urgent\": true,\n        \"doneDate\": \"2023-03-24T10:39:28.977Z\"\n    }\n```\n\n### 📍 History\n\nOnce a task is done, it keeps its date of completion in 'doneDate' and is arranged in chronological order in the history page. If there is no task, a button suggest to create a new one.\n\nClicking on a task returns it to the homepage. \n\n### 📍 API connexion\n\nOn the main branch of this project, the tasks are stored in the browser's localstorage. On the `test/api` branch, the Task service sends HTTP requests to a REST API and can retrieve tasks from a database.\nThe backend of the application can be found here : https://github.com/ClaraCharriau/todo-app-service\n\n### 📍 UI\n\nThe design of the application was proposed by our instructor during our Angular course at Simplon.\n\n## Environment\n\nThis project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 15.0.2.\n\n## Development server\n\nRun `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The application will automatically reload if you change any of the source files.\n\n## Code scaffolding\n\nRun `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.\n\n## Build\n\nRun `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.\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## Further help\n\nTo get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fclaracharriau%2Ftodo-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fclaracharriau%2Ftodo-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fclaracharriau%2Ftodo-app/lists"}