{"id":22665708,"url":"https://github.com/zbahati/todo-list","last_synced_at":"2026-04-08T18:01:53.800Z","repository":{"id":163706542,"uuid":"638113230","full_name":"zbahati/Todo-list","owner":"zbahati","description":" \"Advanced Todo List with Webpack: A professional and performance-focused Todo list project implemented using Webpack, ensuring optimal development and production performance. Leveraging modular architecture and following best practices with ES6, this project offers a comprehensive and efficient task management solution.\"","archived":false,"fork":false,"pushed_at":"2023-05-18T15:22:13.000Z","size":441,"stargazers_count":1,"open_issues_count":4,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-08T21:57:04.585Z","etag":null,"topics":["css","html","javascript","webpack"],"latest_commit_sha":null,"homepage":"https://zbahati.github.io/Todo-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/zbahati.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"license.md","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-05-09T05:39:08.000Z","updated_at":"2023-07-21T07:52:42.000Z","dependencies_parsed_at":"2023-08-30T20:32:47.062Z","dependency_job_id":null,"html_url":"https://github.com/zbahati/Todo-list","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/zbahati/Todo-list","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zbahati%2FTodo-list","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zbahati%2FTodo-list/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zbahati%2FTodo-list/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zbahati%2FTodo-list/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zbahati","download_url":"https://codeload.github.com/zbahati/Todo-list/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zbahati%2FTodo-list/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31567227,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-08T14:31:17.711Z","status":"ssl_error","status_checked_at":"2026-04-08T14:31:17.202Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5: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":["css","html","javascript","webpack"],"created_at":"2024-12-09T13:38:56.263Z","updated_at":"2026-04-08T18:01:53.772Z","avatar_url":"https://github.com/zbahati.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n  \u003ch3\u003e\u003cb\u003eTODO LIST  PROJECT\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  - [🛠 Built With](#built-with)\n    - [Tech Stack](#tech-stack)\n    - [Key Features](#key-features)\n  - [🚀 Live Demo](#live-demo)\n- [💻 Getting Started](#getting-started)\n  - [Setup](#setup)\n  - [Prerequisites](#prerequisites)\n  - [Install](#install)\n  - [Usage](#usage)\n  - [Run tests](#run-tests)\n  - [Deployment](#triangular_flag_on_post-deployment)\n- [👥 Authors](#authors)\n- [🔭 Future Features](#future-features)\n- [🤝 Contributing](#contributing)\n- [⭐️ Show your support](#support)\n- [🙏 Acknowledgements](#acknowledgements)\n- [❓ FAQ (OPTIONAL)](#faq)\n- [📝 License](#license)\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n# 📖 [Todo List PROJECT] \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n**[WEBPACK Project]**\n  The Todo list with Webpack installed in it for the better performance while in develpment even in production mode, because all functionality are emprimented in here. This Todo list is anAdvanced one that Working with Modules for file enterchangable and best practice in using ES6.\n## 🛠 Built With \u003ca name=\"built-with\"\u003e\u003c/a\u003e\n\n### Tech Stack \u003ca name=\"tech-stack\"\u003e\u003c/a\u003e\n\n\n\n\u003cdetails\u003e\n  \u003csummary\u003eClient\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"\"\u003eHTML5\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"\"\u003eCSS3\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"\"\u003eModern JavaScript ES6 modules\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n  \u003csummary\u003eServer\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"\"\u003en/a\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eDatabase\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"/\"\u003en/a\u003c/a\u003e\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n\u003c!-- Features --\u003e\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n\n- **[initialize folder with npm ]**\n- **[working with webpack]**\n- **[add dev-server using webpack to watch changes ]**\n- **[add webpack.config.js that helps to make some configuration to the project]**\n- **[add css-loader package]**\n- **[Add to list to the List ]**\n- **[Remove to Item to the List ]**\n- **[Save The list to the local storage ]**\n- **[Update the list from local storage]**\n\n\n\n\n\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 \u003cp\u003e\u003ca href=\"https://zbahati.github.io/Todo-list/dist/\"\u003e LIVE DEMO \u003c/a\u003e\u003c/p\u003e\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\nTo get a local copy up and running, follow these steps.\n\n### Prerequisites\n\nIn order to run this project you need:\n- you need a laptop.\n- you need github installed on it.\n- You need a basic knowledge of Html and Css and JavaScript\n\n\n### Setup\n\nClone this repository to your desired folder:\n- cd my-folder\n- git clone https://github.com/zbahati/Webpack-setup.git\n\n\n### Install\n\nInstall this project with:\n\n\n- cd my-project\n- npm install .\n\n\n### Usage\nmake sure that you have node installed  in your local machine so that you can get access of using npm command.\n\nAfter creating the cloning this repo,open it into vs code or your prefered IDE and then   open you terminal to  run this command\nnpm start : this command will start webpack dev-server that will watch any change made in dist folder so that it can reflect to the browser without reflesh the page.\n\n\n\n### Run tests\n\nTo run tests, run the following command:\n\n- webpack have the linters test so that with you run npm start and have error will show you where the error is and then before continue fix it.\n\n### Deployment\n\nYou can deploy this project using: github page's\n\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\n\n👤 **Bahati zirimwabagabo**\n\n- GitHub: [zbahati](https://github.com/zbahati)\n- LinkedIn: [LinkedIn](https://www.linkedin.com/in/zirimwabagabo-bahati)\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\n- [ ] **[Creating complete project using this folder]**\n- [ ] **[Add other plugin that will help us in development]**\n\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\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=\"support\"\u003e\u003c/a\u003e\n\n\nshow me your support by following me on github and giving me a star please .\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\nI would like to thank Microverse for guidance and support in this project and always.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\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\nThis project is [MIT](./license.md) licensed.\n\n\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%2Fzbahati%2Ftodo-list","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzbahati%2Ftodo-list","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzbahati%2Ftodo-list/lists"}