{"id":16447065,"url":"https://github.com/lucas-erkana/to_do_list","last_synced_at":"2025-09-30T01:31:32.752Z","repository":{"id":64434439,"uuid":"575459029","full_name":"Lucas-Erkana/To_Do_List","owner":"Lucas-Erkana","description":"This is educational project is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete","archived":false,"fork":false,"pushed_at":"2023-07-09T13:03:19.000Z","size":2332,"stargazers_count":17,"open_issues_count":1,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-01-13T23:40:48.555Z","etag":null,"topics":["css","es6","html","javascript","jest","modules","webpack"],"latest_commit_sha":null,"homepage":"https://lucash2022.github.io/To_Do_List/version1.4/dist/","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/Lucas-Erkana.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":"2022-12-07T15:02:03.000Z","updated_at":"2024-09-27T19:42:28.000Z","dependencies_parsed_at":"2023-08-07T19:42:42.954Z","dependency_job_id":null,"html_url":"https://github.com/Lucas-Erkana/To_Do_List","commit_stats":null,"previous_names":["lucas-erkana/to_do_list"],"tags_count":0,"template":false,"template_full_name":"Lucas-Erkana/webpack_setup","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Lucas-Erkana%2FTo_Do_List","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Lucas-Erkana%2FTo_Do_List/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Lucas-Erkana%2FTo_Do_List/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Lucas-Erkana%2FTo_Do_List/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Lucas-Erkana","download_url":"https://codeload.github.com/Lucas-Erkana/To_Do_List/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234684790,"owners_count":18871427,"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":["css","es6","html","javascript","jest","modules","webpack"],"created_at":"2024-10-11T09:49:36.958Z","updated_at":"2025-09-30T01:31:27.041Z","avatar_url":"https://github.com/Lucas-Erkana.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# To Do list:Version 1.4\u003c!---Title of Project--\u003e\r\n\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\r\n\r\n\r\n## To Do list: Final Product \u003c!---Title of Project--\u003e\r\n\r\n\"To-do list\" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. You will build a simple website that allows for doing that, and you will do it using ES6 and Webpack!\r\n\r\nProject 1:In this project, I will build a simple HTML list of To Do tasks. The list will be styled according to the specifications listed later in this lesson. This simple web page will be built using webpack and served by a webpack dev server.\r\n\r\nProject 2: In this project, I will implement the CRUD (create, read, update, delete) methods. All the elements of the user interface will be fully functional and your application will be completed.\r\n\r\nProject 3:In this project, I will add some functionality to your application to make it interactive. The user will also be able to mark task completion by selecting the corresponding checkbox (or undo it by unchecking the checkbox). The updated tasks list will be stored in local storage.\r\n\r\n\r\n\u003c!-- TABLE OF CONTENTS --\u003e\r\n\r\n# 📗 Table of Contents\r\n\r\n- [📖 About the Project](#about-project)\r\n  - [🛠 Built With](#built-with)\r\n  - [🚀 Live Demo](#live-demo)\r\n- [💻 Getting Started](#getting-started)\r\n- [👥 Authors](#authors)\r\n- [🔭 Future Features](#future-features)\r\n- [🤝 Contributing](#contributing)\r\n- [⭐️ Show your support](#support)\r\n- [🙏 Acknowledgements](#acknowledgements)\r\n- [📝 License](#license)\r\n\r\n\u003c!-- PROJECT DESCRIPTION --\u003e\r\n\r\n# 📖 Project name\u003ca name=\"about-project\"\u003e\u003c/a\u003e \u003c!---Project title--\u003e\r\n\u003ctable style=\"border: 2px solid black;\"\u003e\r\n  \u003ctr\u003e\r\n    \u003cth style=\"border: 1px solid black;\"\u003eEmpty List\u003c/th\u003e\r\n    \u003cth style=\"border: 1px solid black;\"\u003eFilled List\u003c/th\u003e\r\n     \u003cth style=\"border: 1px solid black;\"\u003eChecked List\u003c/th\u003e\r\n     \u003cth style=\"border: 1px solid black;\"\u003eDelete List\u003c/th\u003e\r\n\r\n  \u003c/tr\u003e\r\n  \u003ctr style=\"border: 2px solid black;\"\u003e\r\n  \u003ctd style=\"border: 1px solid black;\"\u003e\u003cimg src=\"version1.4/images/DesktopVersionADD.jpg\" alt=\"Desktop Version\" width=\"250\"  height=\"200\" /\u003e\u003c/td\u003e\r\n  \u003ctd style=\"border: 1px solid black;\"\u003e\u003cimg src=\"version1.4/images/DesktopVersionLIST.jpg\" alt=\"Desktop Version\" width=\"250\"  height=\"200\" /\u003e\u003c/td\u003e\r\n  \u003ctd style=\"border: 1px solid black;\"\u003e\u003cimg src=\"version1.4/images/DesctopVersionChecked.jpg\" alt=\"Desktop Version\" width=\"250\"  height=\"200\" /\u003e\u003c/td\u003e\r\n  \u003ctd style=\"border: 1px solid black;\"\u003e\u003cimg src=\"version1.4/images/DesctopVersionDelete.jpg\" alt=\"Desktop Version\" width=\"250\"  height=\"200\" /\u003e\u003c/td\u003e\r\n  \u003c/tr\u003e\r\n\u003c/table\u003e\r\n**To-do list**  is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. You will build a simple website that allows for doing that, and you will do it using ES6 and Webpack! \r\n\r\nHere are some features of the page:\r\n\r\n\u003cul\u003e\r\n  \u003cli\u003eType content to be added\u003c/li\u003e\r\n  \u003cli\u003eSelect items on the list\u003c/li\u003e\r\n   \u003cli\u003eAdd items to listt\u003c/li\u003e\r\n   \u003cli\u003eEdit items in list\u003c/li\u003e\r\n  \u003cli\u003eDelete items from list\u003c/li\u003e\r\n\u003c/ul\u003e\r\n\r\n\r\n\r\n\r\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\r\n    HTML\r\n    CSS\r\n    Javascript\r\n\r\n\r\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\r\n\r\n\u003c!-- LIVE DEMO --\u003e\r\n\r\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\r\n\r\n\r\n\r\n[To Do list-Version 1.4](https://lucash2022.github.io/To_Do_List/version1.4/dist/)\r\n\u003cbr\u003e\r\n[To Do list-Version 1.4 README](https://github.com/Lucash2022/To_Do_List/tree/main/version1.4/)\r\n\u003cbr\u003e\r\n[To Do list-Version 1.3](https://lucash2022.github.io/To_Do_List/version1.3/dist/)\r\n\u003cbr\u003e\r\n[To Do list-Version 1.3 README](https://github.com/Lucash2022/To_Do_List/tree/main/version1.3/)\r\n\u003cbr\u003e\r\n[To Do list-Version 1.2](https://lucash2022.github.io/To_Do_List/version1.2/dist/)\r\n\u003cbr\u003e\r\n[To Do list-Version 1.2 README](https://github.com/Lucash2022/To_Do_List/tree/main/version1.2/)\r\n\u003cbr\u003e\r\n[To Do list-Version 1.1](https://lucash2022.github.io/To_Do_List/version1.1/dist/)\r\n\u003cbr\u003e\r\n[To Do list-Version 1.1 README](https://github.com/Lucash2022/To_Do_List/tree/main/version1.1/)\r\n\r\n\r\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\r\n\r\n\r\n\u003c!-- GETTING STARTED --\u003e\r\n\r\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\r\n\r\n- Create a local directory that you want to clone the repository.\r\n\r\n- Open the command prompt in the created directory.\r\n\r\n- On the terminal run this command git clone [https://github.com/Lucash2022/To_Do_List.git]\r\n\r\n- Go to the repository folder using command prompt cd To_Do_List\r\n\r\n\r\n- Install the dev dependencies for linters run npm install.\r\n\r\n- To start run npm start\r\n\r\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\r\n\r\n### Prerequisites\r\n\r\nIn order to run this project you need:\r\n\r\n-A working browser application (Google chrome, Mozilla Fire fox, Microsoft edge ...)\r\n\r\n-VSCode or any other equivalent code editor\r\n\r\n-Node Package Manager (For running, debuging, or installing dependancies to be used)\r\n\r\n\r\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\r\n\r\n### Setup\r\n\r\nClone this repository to your desired folder:\r\n\r\n- Open the command prompt in the created directory.\r\n\r\n- On the terminal run this command git clone https://github.com/Lucash2022/To_Do_List.git\r\n\r\n- Go to the repository folder using command prompt cd To_Do_List\r\n\r\n- Install the dev dependencies for linters run npm install.\r\n\r\n- To start run npm start\r\n---\u003e\r\n\r\n\r\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\r\n\r\n\u003c!-- Author --\u003e\r\n\r\n## 👤**Authors** \u003ca name=\"authors\"\u003e\u003c/a\u003e\r\n\u003ch4\u003eLucas Erkana\u003c/h4\u003e\r\n\r\n\u003cimg src=\"/images/github.svg\" alt=\"logo\" width=\"18\"  height=\"18\" /\u003e[githubhandle](https://github.com/Lucash2022)\r\n\u003cbr\u003e\r\n\u003cimg src=\"/images/twitter.svg\" alt=\"logo\" width=\"18\"  height=\"18\" /\u003e [twitterhandle](https://twitter.com/@Lucas_David_22)\r\n\u003cbr\u003e\r\n\u003cimg src=\"/images/linkedin.svg\" alt=\"logo\" width=\"18\"  height=\"18\" /\u003e[linkedIn](https://www.linkedin.com/in/lucas-erkana-b30a0b3b/)\r\n  \u003cbr\u003e\r\n\u003cimg src=\"/images/facebook.svg\" alt=\"logo\" width=\"18\"  height=\"18\" /\u003e[facebook](https://www.facebook.com/lucash.toni)\r\n\r\n\r\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\r\n\r\n\u003c!-- FUTURE FEATURES --\u003e\r\n\r\n## 🔭 Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\r\n\r\n\r\n- Implement additional pages, which will allow the user to Register\r\n\r\n- Implement additional pages, which will allow the user to Login\r\n\r\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\r\n\r\n\u003c!-- CONTRIBUTING --\u003e\r\n\r\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\r\n\r\nContributions, issues, and feature requests are welcome!\r\n\r\nFeel free to check the [issues page](https://github.com/Lucash2022/To_Do_List/issues).\r\n\r\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\r\n\r\n\u003c!-- SUPPORT --\u003e\r\n\r\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\r\n\r\nGive a ⭐️ if you like this project!\r\n\r\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\r\n\r\n\u003c!-- ACKNOWLEDGEMENTS --\u003e\r\n\r\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\r\nReem Mohamed\r\n\u003cbr\u003e\r\n\u003cimg src=\"/images/linkedin.svg\" alt=\"logo\" width=\"18\"  height=\"18\" /\u003e[linkedIn](https://www.linkedin.com/in/reem-abd-el-fatah-a07543116/)\r\n\u003cbr\u003e\r\n\u003cimg src=\"/images/github.svg\" alt=\"logo\" width=\"18\"  height=\"18\" /\u003e[githubhandle](https://www.linkedin.com/in/reem-abd-el-fatah-a07543116/)\r\n\r\nBotlhale Katlego Setou\r\n\u003cbr\u003e\r\n\u003cimg src=\"/images/linkedin.svg\" alt=\"logo\" width=\"18\"  height=\"18\" /\u003e[linkedIn](https://www.linkedin.com/in/botlhalesetou/)\r\n\u003cbr\u003e\r\n\u003cimg src=\"/images/github.svg\" alt=\"logo\" width=\"18\"  height=\"18\" /\u003e[githubhandle](https://github.com/Botlhale-Setou)\r\n\r\n\r\n[Font Awesome](https://fontawesome.com/search?q=book\u0026o=r)\r\n\r\n[Icons8](https://icons8.com/icons/set/books)\r\n\r\n[Google Fonts](https://developers.google.com/fonts)\r\n\r\n\r\n[Bootsrtap](https://getbootstrap.com/docs/5.1/getting-started/introduction/)\r\n\r\n\r\n[Luxon](https://imdac.github.io/modules/js/luxon/)\r\n\r\n\r\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\r\n\r\n\r\n\r\n\u003c!-- LICENSE --\u003e\r\n\r\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\r\n\r\nThis project is [MIT](https://github.com/Lucash2022/To_Do_List/blob/main/MIT.md) licensed.\r\n\r\n\r\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flucas-erkana%2Fto_do_list","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flucas-erkana%2Fto_do_list","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flucas-erkana%2Fto_do_list/lists"}