{"id":18331141,"url":"https://github.com/bankole2000/stuff-to-do","last_synced_at":"2025-04-09T18:12:56.815Z","repository":{"id":109353767,"uuid":"168817526","full_name":"Bankole2000/stuff-to-do","owner":"Bankole2000","description":"A Simple Learning oriented JS To Do List App","archived":false,"fork":false,"pushed_at":"2019-03-18T14:33:54.000Z","size":14,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-04-09T18:12:55.419Z","etag":null,"topics":["crud","dom-manipulation","event-delegation","event-handling","filter","functions","javascript","localstorage","material-icons","materializecss"],"latest_commit_sha":null,"homepage":"https://bankole2000.github.io/stuff-to-do/","language":"JavaScript","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/Bankole2000.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":"2019-02-02T09:52:14.000Z","updated_at":"2019-04-26T23:57:09.000Z","dependencies_parsed_at":"2023-04-08T10:48:23.890Z","dependency_job_id":null,"html_url":"https://github.com/Bankole2000/stuff-to-do","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Bankole2000%2Fstuff-to-do","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Bankole2000%2Fstuff-to-do/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Bankole2000%2Fstuff-to-do/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Bankole2000%2Fstuff-to-do/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Bankole2000","download_url":"https://codeload.github.com/Bankole2000/stuff-to-do/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248085327,"owners_count":21045139,"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","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":["crud","dom-manipulation","event-delegation","event-handling","filter","functions","javascript","localstorage","material-icons","materializecss"],"created_at":"2024-11-05T19:28:25.040Z","updated_at":"2025-04-09T18:12:56.794Z","avatar_url":"https://github.com/Bankole2000.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Stuff To Do\nA simple, quirky but _awesome_ little ToDo list App - [View Demo](https://bankole2000.github.io/stuff-to-do/)\n\n[![Practice](https://img.shields.io/badge/Practice-JavaScript-yellow.svg)](https://bankole2000.github.io/stuff-to-do/)\n\n_\u003cp align=\"center\"\u003e\"Teach me Sensei - I wish to learn the Ways of JavaScript\"\u003c/p\u003e_\n\n\u003cdiv align=\"center\" style=\"text-align:center; margin:auto;\"\u003e\n\u003cimg align=\"center\" src=\"https://i.imgur.com/SeUttrI.png\" width=\"150\"/\u003e\n\u003c/div\u003e\n\n## What it is\nAn simple, well-commented, learning oriented, 2-file demo Project to practice JavaScript Programming Fundamentals. Built with:\n* HTML\n* Vanilla JS - ES5 \u0026 ES6\n* [Materialize CSS](http://www.materializecss.com/) - Material Design CSS FrameWork\n* [Google Material Icons](https://google.github.io/material-design-icons/) - Icon Font\n* [LOVE](https://www.wikihow.com/Love-Programming) - Strictly for the love of coding _Mehn!_\n\n## What it does\n\n* Add \u0026 Delete ToDo Items\n* ToDo List Badge Counter\n* Search/Filter ToDo List\n* Clear ToDo List\n* Persist Data in Local Storage\n* Quirky, random ToDo suggestions\n\n## Learning Points\n* DOM Manipulation \u0026 Traversal\n* Event Handing \u0026 Delegation\n* Creating \u0026 Appending Elements\n* Local Storage Object Methods\n* Materialize Alerts \u0026 Toasts\n\n## Some cool stuff\nJust about ___Everyone___ does a todo list when learning Front End programming), so I figured I'd spice things up - tossed in a random placeholder generating function: \n```javascript\nfunction randomPlaceHolder(){\n  const placeHolders = ['array','of','silly','placeholders'];\n  const index = Math.floor((Math.random()* placeHolders.length) +1);\n  todoInput.setAttribute('placeHolder',placeHolders[index]);\n}\n``` \nAlso chose to use [Materialize CSS Toasts](https://materializecss.com/toasts.html) instead of crappy window methods (like `alert()` and `confirm()`)\n```javascript\nM.init(); // Initializes Materialize JS\nM.toast({html:'',displayLength:1200});\n```\n## Features in Development\n  Still working on these (its just laziness that's made me not get around to em yet though, but you can tell from the UI they're supposed to be there)\n* Edit ToDo List Items\n* Undo Clear \u0026 Delete Items\n\n## Contribution\nContributions are highly welcome. Feel free to fork, clone, make pull requests, report issues etc.\n\n## Acknowledgments\n\n* Many thanks to [@bradtraversy](https://github.com/bradtraversy) for his awesome courses - _i will not fail you sensei_\n* Thanks to [@torvalds](https://github.com/torvalds) For Making the world a better place\n* And To anyone reading this... _You're awesome!_\n\nThat being said\n_\u003cp align=\"center\"\u003eAdieu, I must return to Code mountain to continue my training the Ways of  Ninjustu\u003c/p\u003e_\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbankole2000%2Fstuff-to-do","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbankole2000%2Fstuff-to-do","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbankole2000%2Fstuff-to-do/lists"}