{"id":23708013,"url":"https://github.com/adnanolarmmi/to-do-list-app","last_synced_at":"2026-02-14T21:31:25.867Z","repository":{"id":60377777,"uuid":"542287960","full_name":"AdnanOlarmmi/To-Do-List-App","owner":"AdnanOlarmmi","description":"In this project, I built a simple HTML list of To Do tasks. The list was styled according to the specifications listed in this lesson. This simple web page was built using webpack and served by a webpack dev server. and also I implemented the CRUD (create, read, update, delete) methods. Using local storage to store user information.","archived":false,"fork":false,"pushed_at":"2023-01-17T14:37:51.000Z","size":12640,"stargazers_count":6,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-10T09:15:44.922Z","etag":null,"topics":["css","html","javascript"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AdnanOlarmmi.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}},"created_at":"2022-09-27T21:02:40.000Z","updated_at":"2024-01-12T18:39:24.000Z","dependencies_parsed_at":"2023-02-10T10:15:54.712Z","dependency_job_id":null,"html_url":"https://github.com/AdnanOlarmmi/To-Do-List-App","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/AdnanOlarmmi/To-Do-List-App","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdnanOlarmmi%2FTo-Do-List-App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdnanOlarmmi%2FTo-Do-List-App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdnanOlarmmi%2FTo-Do-List-App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdnanOlarmmi%2FTo-Do-List-App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AdnanOlarmmi","download_url":"https://codeload.github.com/AdnanOlarmmi/To-Do-List-App/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdnanOlarmmi%2FTo-Do-List-App/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29456221,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-14T21:29:27.764Z","status":"ssl_error","status_checked_at":"2026-02-14T21:28:11.111Z","response_time":53,"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"],"created_at":"2024-12-30T17:09:51.619Z","updated_at":"2026-02-14T21:31:25.849Z","avatar_url":"https://github.com/AdnanOlarmmi.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\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  - [Prerequisites](#prerequisites)\n  - [Setup](#setup)\n  - [Install](#install)\n  - [Usage](#usage)\n  - [Run tests](#run-tests)\n  - [Deployment](#deployment)\n- [👤 Author](#author)\n- [🔭 Future Features](#future-features)\n- [🤝 Contributing](#contributing)\n- [⭐️ Show your support](#support)\n- [🙏 Acknowledgements](#acknowledgements)\n- [❓ FAQ](#faq)\n- [📝 License](#license)\n\n# 📖 ToDo-List-App \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n**To-Do-List-App** is a simple HTML list of To-Do tasks. The list was styled according to specifications. This simple web page was built using HTML, CSS, JavaScript and bundled with webpack. And also implemented the CRUD (create, read, update, delete) methods. All the elements of the user interface is fully functional and my application is complete.\nI also added some functionality to my application to make it interactive. The user will be able to mark task completion by selecting corresponding checkboxes (or undo it by unchecking the checkbox). The updated tasks list is stored in the local storage.\n\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\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics\"\u003eHTML5\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics\"\u003eCSS3\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics\"\u003eJavaScript\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"https://webpack.js.org/\"\u003eWebPack\u003c/a\u003e\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- **Responsive Design.**\n- **Pixel Perfect design.**\n- **Local Storage**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🚀 Live Demo \u003ca name=\"live-demo\"\u003e\u003c/a\u003e\n\n- [Here is the link to the live experience](https://adnanolarmmi.github.io/To-Do-List-App/).\n\n\u003e |     | Mobile version                      | Desktop version                      |     |\n\u003e | --- | ----------------------------------- | ------------------------------------ | --- |\n\u003e |     | ![Screenshot1](./mobile.gif) | ![Screenshot2](./desktop.gif) |\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\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\n- A web browser to view output e.g [Google Chrome](https://www.google.com/chrome/).\n- An IDE e.g [Visual studio code](https://code.visualstudio.com/).\n- [A terminal](https://code.visualstudio.com/docs/terminal/basics).\n\n### Setup\n\nClone this repository to your desired folder or download the Zip folder:\n\n```\ngit clone https://github.com/AdnanOlarmmi/To-Do-List-App.git\n```\n\n- Navigate to the location of the folder in your machine:\n\n**``you@your-Pc-name:~$ cd To-Do-List-App``**\n\n### Install\n\nInstall all dependencies:\n\n```\nnpm install\n```\n\n### Usage\n\nTo run the project, follow these instructions:\n\n- After Cloning this repo to your local machine.\n- To get it running on your default browser and local host, run:\n```\nnpm start\n```\n\n### Run tests\n\nTo run tests, run the following command:\n\n- Track HTML linter errors run:\n```\nnpx hint .\n```\n- Track CSS linter errors run:\n```\nnpx stylelint \"**/*.{css,scss}\"\n```\n- Track JavaScript linter errors run:\n```\nnpx eslint .\n```\n- For unit testing, run:\n```\nnpm test\n```\n\n### Deployment \u003ca name=\"deployment\"\u003e\u003c/a\u003e\n\nYou can deploy this project using: GitHub Pages,\n- I used GitHub Pages to deploy my website.\n- For more information about publishing sources, see \"[About GitHub pages](https://docs.github.com/en/pages/getting-started-with-github-pages/about-github-pages#publishing-sources-for-github-pages-sites)\".\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 👤 Author \u003ca name=\"author\"\u003e\u003c/a\u003e\n\n👤 **Is-haq, Adnan Olamilekan**\n\n- GitHub: [@AdnanOlarmmi](https://github.com/adnanolarmmi)\n- Twitter: [@AdnanIshaqOla](https://twitter.com/AdnanIshaqOla)\n- LinkedIn: [Adnan (Olamilekan) Is-haq](https://linkedin.com/in/adnan-is-haq-olamilekan)\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- [ ] **Implement button to switch sort type (ascending or descending).**\n- [ ] **Implement completed and not-completed routes for completed and non-completed tasks, respectively.**\n- [ ] **Add backend to store tasks.**\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\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## ⭐️ Show your support \u003ca name=\"support\"\u003e\u003c/a\u003e\n\n\nGive a ⭐️ if you like this project and how I managed to build it!\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 🙏 Acknowledgments \u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\n- The original design ideal from Microverse💕.\n- Project from [Microverse](https://bit.ly/MicroverseTN) JavaScript module.\n- Thanks to the Microverse team for the great curriculum.\n- Thanks to the Code Reviewer(s) for the insightful feedbacks.\n- A great thanks to My coding partner(s), morning session team, and standup team for their contributions.\n- Hat tip to anyone whose code was used.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## ❓ FAQ \u003ca name=\"faq\"\u003e\u003c/a\u003e\n\n- **Can I fork and reuse the repository**\n\n  - Yes please, feel free.\n\n- **Can I improve the repository, and my changes will be accepted if they are good?**\n\n  - Yes please, nice ideas are welcome, please.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n## 📝 License \u003ca name=\"license\"\u003e\u003c/a\u003e\n\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","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadnanolarmmi%2Fto-do-list-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadnanolarmmi%2Fto-do-list-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadnanolarmmi%2Fto-do-list-app/lists"}