{"id":17814271,"url":"https://github.com/anas599/to-do-list","last_synced_at":"2026-01-21T02:06:21.002Z","repository":{"id":68002087,"uuid":"589655074","full_name":"anas599/To-Do-List","owner":"anas599","description":"\"To-Do List\" is a web-based project that was built using webpack. It allows users to create and manage a list of tasks, with the ability to add new tasks and mark them as complete. The tasks are saved in local storage, so they will persist even if the user closes the browser or turns off their computer. The website has a clean and simple interface","archived":false,"fork":false,"pushed_at":"2023-01-27T13:21:30.000Z","size":12068,"stargazers_count":2,"open_issues_count":2,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-07T15:52:46.276Z","etag":null,"topics":["css","html","javascript","webpack"],"latest_commit_sha":null,"homepage":"","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/anas599.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":"2023-01-16T16:17:00.000Z","updated_at":"2023-01-24T14:34:11.000Z","dependencies_parsed_at":null,"dependency_job_id":"cf3794dd-3301-4593-a482-035b70efb147","html_url":"https://github.com/anas599/To-Do-List","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/anas599/To-Do-List","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anas599%2FTo-Do-List","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anas599%2FTo-Do-List/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anas599%2FTo-Do-List/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anas599%2FTo-Do-List/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/anas599","download_url":"https://codeload.github.com/anas599/To-Do-List/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anas599%2FTo-Do-List/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28622473,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-20T23:49:58.628Z","status":"online","status_checked_at":"2026-01-21T02:00:08.227Z","response_time":86,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["css","html","javascript","webpack"],"created_at":"2024-10-27T16:05:29.809Z","updated_at":"2026-01-21T02:06:20.988Z","avatar_url":"https://github.com/anas599.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# To Do List\n\n\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\n\u003cdiv align=\"center\"\u003e\n\n  \u003cimg src=\"./webpack-demo/src/icons/to-do-list.svg\" alt=\"logo\" width=\"140\"  height=\"auto\" /\u003e\n  \u003cbr/\u003e\n  \u003ch3\u003e\u003cb\u003eTo Do List\u003c/b\u003e\u003c/h3\u003e\n\n\u003c/div\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\n# 📗 Table of Contents\n\n- [📖 About the Project](#about-project)\n- 🎥\u003ca href=\"https://www.loom.com/\"\u003e\nVideo presenting the features the Project\u003c/a\u003e\n  - [🛠 Built With](#built-with)\n    - [Tech Stack](#tech-stack)\n    - [Key Features](#key-features)\n  - 🚀\u003ca href=\"https://anas599.github.io/To-Do-List/webpack-demo/dist/\"\u003eLive Demo\u003c/a\u003e\n  - [💻 Getting Started](#getting-started)\n  - [Setup1](#setup)\n  - [Prerequisites](#prerequisites)\n  - [Install](#install)\n  - [Usage](#usage)\n  - [Run tests](#run-tests)\n  - [Deployment](#triangular_flag_on_post-deployment)\n- [👥 Authors](Anas Sufyan)\n- [🔭 Future Features](#future-features)\n- [🤝 Contributing](#contributing)\n- [⭐️ Show your support](#support)\n- [🙏 Acknowledgements](#acknowledgements)\n- [❓ FAQ](#faq)\n- [📝 License](#license)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n# 📖 [To Do List] \u003ca name=\"Video-Presenting\"\u003e\u003c/a\u003e\n\u003ca href=\"https://www.loom.com\"\u003e\nVideo presenting the features the Project\n\u003c/a\u003e\n# 📖 [To Do List] \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n\n**[To Do List]** is a mobile and Desktop responsive website to demonstrate my knowledge in HTML/CSS and Javascript, using WebPack \n\n## 🛠 Built With \u003ca name=\"HTML/CSS and Javascript using Webpack\"\u003e\u003c/a\u003e\n\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n\u003e Describe the tech stack and include only the relevant sections that apply to your project.\n\n\u003cdetails\u003e\n  \u003csummary\u003eClient\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://reactjs.org/\"\u003eReact.js\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\n\u003c!-- Features --\u003e\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n\u003e Describe between 1-3 key features of the application.\n\n- **[displaying element dynamically using WebPack]**\n- **[Ability to Add or edit any task]**\n- **[Ability to change the order of Priority of a task]**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LIVE DEMO --\u003e\n\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n\u003e Add a link to your deployed project.\n\n- [Live Demo Link](https://anas599.github.io/To-Do-List/webpack-demo/dist/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- GETTING STARTED --\u003e\n\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\n\n\u003e Describe how a new developer could make use of your project.\n\nTo get a local copy up and running, follow these steps.\n\n### Prerequisites\n\nIn order to run this project you need:\n\n\n### Setup\n\nClone this repository to your desired folder:\n\n\n\n### Install\n\nInstall this project with:\n\nNode js\nWebpack\n### Usage\n\nTo run the project, execute the following command:\n\nClone the Repository to your local machine and open it using Live Server Extension in VS code\nMake sure to install Webpack \nnpm run build\nnpm start\n\n### Run tests\n\nTo run tests, run the following command:\n\nnpx eslint .\nto check for any eslint errors\n\n### Deployment\n\nYou can deploy this project using:\n\nGithub Pages or any hosting platforms\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- AUTHORS --\u003e\n\n## 👥 Authors \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n\u003e Mention all of the collaborators of this project.\n\n👤 **Anas Sufyan**\n\n- GitHub: [@anas599](https://github.com/anas599)\n- Twitter: [@anas599](https://twitter.com/anas599)\n- LinkedIn: [anas1993](https://linkedin.com/in/anas1993)\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- FUTURE FEATURES --\u003e\n\n## 🔭 Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n\u003e Describe 1 - 3 features you will add to the project.\n\n- [ ] **[The Ability to add photo]**\n- [ ] **[The user can share a link of current list]**\n- [ ] **[Adding a rating out of 5 stars of how important task is]**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- CONTRIBUTING --\u003e\n\n## 🤝 Contributing \u003ca name=\"contributing\"\u003e\u003c/a\u003e\n\nContributions, issues, and feature requests are welcome!\n\nFeel free to check the [issues page](../../issues/).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- SUPPORT --\u003e\n\n## ⭐️ Show your support \u003ca name=\"If you like the design feel free to contact me for any help or inquiries \"\u003e\u003c/a\u003e\n\n\u003e please consider supporting it. Every little bit helps and goes a long way towards helping us reach our goals...\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- ACKNOWLEDGEMENTS --\u003e\n\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- FAQ (optional) --\u003e\n\n## ❓ FAQ \u003ca name=\"faq\"\u003e\u003c/a\u003e\n\n\u003e \n\n- **[Question_1]**\n\n  - [Answer_1]\n\n- **[Question_2]**\n\n  - [Answer_2]\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- LICENSE --\u003e\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\nThis project is [MIT](./MIT.md) licensed.\n\n_NOTE: we recommend using the [MIT license](https://choosealicense.com/licenses/mit/) - you can set it up quickly by [using templates available on GitHub](https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/adding-a-license-to-a-repository). You can also use [any other license](https://choosealicense.com/licenses/) if you wish._\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanas599%2Fto-do-list","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fanas599%2Fto-do-list","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanas599%2Fto-do-list/lists"}