{"id":22618860,"url":"https://github.com/ometman/to-do-list","last_synced_at":"2026-04-11T03:03:13.571Z","repository":{"id":164312299,"uuid":"639189044","full_name":"ometman/to-do-list","owner":"ometman","description":"\"To-Do List\" is a simple tool that helps to organize the tasks of a day, with CURD functionality. It therefore collects and lists tasks to be done, allows marking a task as complete, organizing them by index, update, remove and delete tasks. It is build on ES6 and Webpack!","archived":false,"fork":false,"pushed_at":"2023-05-20T19:19:41.000Z","size":1979,"stargazers_count":3,"open_issues_count":2,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-03T14:31:13.084Z","etag":null,"topics":["bootstrap","css","javascript","minimalist-design","nodejs","to-do-list","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/ometman.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-05-11T00:37:54.000Z","updated_at":"2023-05-22T20:29:36.000Z","dependencies_parsed_at":null,"dependency_job_id":"feda7442-b483-411f-ab41-4d084156bc98","html_url":"https://github.com/ometman/to-do-list","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ometman/to-do-list","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ometman%2Fto-do-list","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ometman%2Fto-do-list/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ometman%2Fto-do-list/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ometman%2Fto-do-list/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ometman","download_url":"https://codeload.github.com/ometman/to-do-list/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ometman%2Fto-do-list/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31667034,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T17:19:37.612Z","status":"online","status_checked_at":"2026-04-11T02:00:05.776Z","response_time":54,"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":["bootstrap","css","javascript","minimalist-design","nodejs","to-do-list","webpack"],"created_at":"2024-12-08T21:10:32.532Z","updated_at":"2026-04-11T03:03:13.527Z","avatar_url":"https://github.com/ometman.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# To-Do List: Ometman\n\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./ometman-logo.png\" alt=\"logo\" width=\"140\"  height=\"auto\" /\u003e\n  \u003cbr/\u003e\n  \u003ch3\u003e\u003cb\u003eTo Do Lists: Ometman\u003c/b\u003e\u003c/h3\u003e\n  \u003ch5\u003e**\"To-Do List\"** is a minimalist website project that helps to organize the tasks of a day, with CURD functionality. It therefore collects and lists tasks to be done, allows marking a task as complete, organizing them by index, update, remove and delete tasks. The site was developed using ES6 and webpack.\u003ch5\u003e\n\u003c/div\u003e\n\n\n# 📗 Table of Contents\n- [To-Do List Ometman](#to-do=list-ometman)\n- [📗 Table of Contents](#-table-of-contents)\n- [📖 To Do List: Ometman ](#-to-do-list-ometman-)\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    - [Prerequisites](#prerequisites)\n    - [Setup](#setup)\n    - [Usage](#usage)\n    - [Run tests](#run-tests)\n    - [Deployment](#deployment)\n  - [👥 Author ](#-author-)\n    - [Author](#author)\n  - [🔭 Future Features ](#-future-features-)\n  - [🤝 Contributing ](#-contributing-)\n  - [⭐️ Show your support ](#️-show-your-support-)\n  - [🙏 Acknowledgments ](#-acknowledgments-)\n  - [❓ FAQ ](#-faq-)\n  - [📝 License ](#-license-)\n\n\n# 📖 To Do List: Ometman \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\nThis project **To Do List** demonstrates the development of the minimalist design of a website using  Javascript structured in modules, with Webpack and other dependencies, ES6 syntax, HTML and CSS. It employs the use of an array of objects to dynamically populate and manipualte content in the DOM, incorporating best practices. \n\n\u003eThe project includes designs for two different screen sizes.\n\n - Mobile: up to 768px wide.\n - Desktop: 768px or wider.\n\n\u003eBrief :\n - There are no logo and navigation links.\n - There are only 3 rows to begin with, title row, task input row and task marking row.\n - It has only one page where CURD is done.\n\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\u003cdetails\u003e\n  \u003csummary\u003eClient\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003eHTML\u003c/li\u003e\n    \u003cli\u003eCSS\u003c/li\u003e\n    \u003cli\u003eJS\u003c/li\u003e\n    \u003cli\u003eMinimalist design\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\u003eOptionally: Deployable Using GitHub Pages\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\u003eN/A\u003c/li\u003e\n  \u003c/ul\u003e\n\u003c/details\u003e\n\n### Key Features \u003ca name=\"key-features\"\u003e\u003c/a\u003e\n\n- **Conversion of a Minimalist web app to HTML/CSS using webpack**\n- **List or Show tasks**\n- **Add or Remove a task**\n- **Mark all completed tasks to indicate completed**\n- **Responsive Web Design: Desktop \u0026 Mobile**\n- **Interactivity Using JS**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n\u003e You can access a live demo \u003ca href=\"https://ometman.github.io/to-do-list/dist\"\u003e here\u003c/a\u003e\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## 💻 Getting Started \u003ca name=\"getting-started\"\u003e\u003c/a\u003e\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- Git.\n- An IDE (e.g. VS Code)\n- Browser to run. \n\n### Setup\n\nClone this repository to your desired folder:\n - Using Git Bash or any integrated terminal of you choice.\n - Open with code editor (e.g. VS Code).\n - Make sure all dependencies( eg: webpack, webpack dev server, css-loader, sass-loader, bootstrap)\n\n### Usage\n\nTo run the project locally, execute the following command:\n- Run the following command;\n  - npm run server (You should see a success result)\n  - Now access the app on port 3000 by entering the following in your browser:\n  - http://localhost:3000\n\n### Run tests\n\nTo run tests, run the following command:\n\n**************\nInitial Step:\n**************\n- mkdir .github/workflows\n- copy the **linters.yml** file to the directory created above.\n- touch .gitignore if not created already and add **node_modules/** to it.\n- initialize npm to create package.json file by running the command: \n\u003e npm i -y      \n\n(here i for install \u0026 -y for saying yes to all)\n\n************************\nFor Webhint (optional):\n************************\n- Run\n\u003e npm install --save-dev hint@7.x\n- To fix validation errors run: \n\u003e npx hint .\n\n**************\nFor Stylelint\n**************\n- Run \n\u003e npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x\n- Copy **.stylelintrc.json** to the root directory of your project.\n\n- Run \n\u003e npx stylelint \"**/*.{css,scss}\" \non the root of your directory of your project.\n- Fix linter errors.\n\n*******\nESLint\n*******\n- Run \n\u003e npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x\n- Copy **.eslintrc.json** to the root directory of your project.\n\n- Run \n\u003e npx eslint .  \non the root of your directory of your project.\n- Fix linter errors.\n\n### Deployment\nYou can deploy this project using:\n- GitHub Pages from a specific branch (e.g. main). \n- You can also used any cloud service like gcloud or Azure.\n- A deployed version can be found here:\nhttps://ometman.github.io/to-do-list/dist\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 👥 Author \u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n\u003e Developed by: Omet Omeni (Ometman)\n\n### Author\n- GitHub: [@ometman](https://github.com/ometman)\n- Twitter: [@twitterhandle](https://twitter.com/ometman)\n- LinkedIn: [LinkedIn](https://www.linkedin.com/in/ometman/)\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🔭 Future Features \u003ca name=\"future-features\"\u003e\u003c/a\u003e\n\n- **Popup alert on deleting or adding a task**\n- **Changing look and feel of buttons**\n- **Improved Aesthetics \u0026 Design**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\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](https://github.com/ometman/to-do-list/issues).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\nAs a tech enthusiast, your support is always appreciated. If you like this project please do let me know with your support in any way you see fit.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\nI would like to thank especially [Microverse](https://www.microverse.org/) for inspiring this project \u0026 project guidelines.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## ❓ FAQ \u003ca name=\"faq\"\u003e\u003c/a\u003e\n- **Can I fork this project?**\n  - Yes, feel free to fork and knock yourself out :) . \n\n- **Can I share this project with others?**\n  - Yes, you can share this project for any educational purposes. \n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\nThis project is [MIT](./LICENSE) licensed.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fometman%2Fto-do-list","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fometman%2Fto-do-list","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fometman%2Fto-do-list/lists"}