{"id":16071517,"url":"https://github.com/fmanimashaun/to-do-list","last_synced_at":"2026-04-14T23:33:28.176Z","repository":{"id":63086536,"uuid":"564511156","full_name":"fmanimashaun/To-do-List","owner":"fmanimashaun","description":"In this project, I built a simple HTML list of To Do tasks with a focus on its structure using Javascript to load the HTML elements dynamically. This simple web page will be built using webpack and served by a webpack dev server.","archived":false,"fork":false,"pushed_at":"2023-11-16T07:54:38.000Z","size":4330,"stargazers_count":1,"open_issues_count":1,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-22T00:44:27.283Z","etag":null,"topics":["es6-modules","html","javascript","object-oriented-programming","scss","webpack","webpack5"],"latest_commit_sha":null,"homepage":"https://fmanimashaun.github.io/To-do-List/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/fmanimashaun.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2022-11-10T21:52:37.000Z","updated_at":"2023-02-25T14:30:20.000Z","dependencies_parsed_at":"2023-11-16T08:48:16.442Z","dependency_job_id":null,"html_url":"https://github.com/fmanimashaun/To-do-List","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/fmanimashaun/To-do-List","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fmanimashaun%2FTo-do-List","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fmanimashaun%2FTo-do-List/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fmanimashaun%2FTo-do-List/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fmanimashaun%2FTo-do-List/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/fmanimashaun","download_url":"https://codeload.github.com/fmanimashaun/To-do-List/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/fmanimashaun%2FTo-do-List/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31819794,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-14T18:05:02.291Z","status":"ssl_error","status_checked_at":"2026-04-14T18:05:01.765Z","response_time":153,"last_error":"SSL_read: 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":["es6-modules","html","javascript","object-oriented-programming","scss","webpack","webpack5"],"created_at":"2024-10-09T07:40:57.592Z","updated_at":"2026-04-14T23:33:28.154Z","avatar_url":"https://github.com/fmanimashaun.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![](https://img.shields.io/badge/fmanimashaun-green)\n\n# To Do list\n\n## Overview\n\nIn this project, I built a simple HTML list of To Do tasks with focus on it structure using Javascript to load the html elements dynamically. In  addition, I implemented the CRUD (create, read, update, delete) methods as a way to add, remove or update the task list. This simple web page was built using webpack and served by a webpack dev server.\n\n## Project Objectives (Work-in-progress)\n\n### Page Structure\n\n- [x] A new project was setup with webpack that is based on the [webpack exercise](https://github.com/fmanimashaun/webpack-boilerplate) completed earlier.\n- [x] Create an index.html file and write your HTML markup here. Create an empty To Do List placeholder using `\u003cdiv\u003e` element. The index.html file was set as a template using the HTML Webpack Plugin.\n- [x] Create an index.js file and set an array of some simple to do tasks (array of objects). Each task object should contain three keys:\n\n    i.    description [`string`]\n    \n    ii.   completed [`bool`]\n    \n    iii.  index: [`number`]\n\n- [x] Created a function to iterate over the tasks array and populate an HTML list item element for each task.\n- [x] On page load render the dynamically created list of tasks in the dedicated placeholder. The list appear in order of the index values for each task.\n- [x] Create a style.css and set rules for the To Do List. CSS was loaded by Webpack Style/CSS Loader.\n\n\n## DEMO LINK\n\n\u003e [Live Demo Link](https://fmanimashaun.github.io/To-do-List/)\n\n## Screenshots\n\n\u003ch3 align=\"center\"\u003eScreenhot\u003c/h3\u003e\n\u003cp align=\"center\"\u003e\n  \u003cimg width=\"500\" src=\"screenshot/demo.png\"\u003e\n\u003c/P\u003e\n\n## Built With\n\n- [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML)\n- [JavaScript/ES6](https://262.ecma-international.org/6.0/)\n- [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS)\n- [webpack 5](https://webpack.js.org/)\n- [npm](https://www.npmjs.com/)\n- [VS Code](https://code.visualstudio.com/)\n- [Git](https://git-scm.com/)\n- [GitHub](https://github.com)\n- [Stylelinter](https://stylelint.io/)\n- [ESLint](https://eslint.org/)\n- [Webhint](https://webhint.io/)\n- [Lighthouse](https://ethcar.github.io/lighthouse/)\n- [SASS](https://sass-lang.com/)\n\n## Getting Started\n\n- [Optional] Install git bash to your machine to enable you to clone this repo.\n- install Visual Studio to be able to host a local live version.\n- Install a browser to view the local live version.\n\nTo get a local copy up and running follow these simple example steps.\n\n### Prerequisites\n\n- Internet connection\n- A github account\n\n### Setup\n\n- Open your GitHub account the repository's [link](https://github.com/fmanimashaun/To-do-List)\n\n### Install\n\n- copy the repo's link and clone it by writing `git clone https://github.com/fmanimashaun/To-do-List.git` on your git bash terminal.\n- `npm install` to install the dependencies\n\n### Run tests\n\n- run `npm run test` to run the tests.\n\n### Deployment\n\n- run `npm run start` to run it locally.\n\n## Authors\n\n👤 **Engr. Animashaun Fisayo**\n\n- [GitHub](https://github.com/fmanimashaun)\n- [Twitter](https://twitter.com/fmanimashaun)\n- [LinkedIn](https://www.linkedin.com/in/fmanimashaun/)\n- [Website](https://fmanimashaun.com)\n\n## 🤝 Contributing\n\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](../../issues/).\n\n## Show your support\n\nGive a ⭐️ if you like this project!\n\n## 📝 License\n\nThis project is [MIT](./LICENSE) licensed.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffmanimashaun%2Fto-do-list","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffmanimashaun%2Fto-do-list","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffmanimashaun%2Fto-do-list/lists"}