{"id":15476918,"url":"https://github.com/mahammad-mostafa/to-do-list-review","last_synced_at":"2025-06-26T20:37:55.594Z","repository":{"id":182129778,"uuid":"667992061","full_name":"mahammad-mostafa/to-do-list-review","owner":"mahammad-mostafa","description":"This project is copied from the fourth project in the second module in Microverse program. It is intended for practicing code reviews \u0026 peer feedback. It should adhere to best practices in (HTML / CSS / JavaScript) \u0026 comply with (DRY / KISS / YAGNI) principles.","archived":false,"fork":false,"pushed_at":"2023-09-12T18:09:37.000Z","size":251,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-10-19T03:01:53.030Z","etag":null,"topics":["best-practices","code-review","dry-principle","html-css-javascript","kiss-principle","microverse","microverse-projects","microverse-students","peer-review","single-page-app","webpack5","yagni-principle"],"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/mahammad-mostafa.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}},"created_at":"2023-07-18T19:08:13.000Z","updated_at":"2023-09-12T18:09:26.000Z","dependencies_parsed_at":"2023-09-13T04:04:20.399Z","dependency_job_id":"c50e64bd-b01e-4de0-8b0f-ff4c68b04cd1","html_url":"https://github.com/mahammad-mostafa/to-do-list-review","commit_stats":null,"previous_names":["mahammad-mostafa/to-do-list-app-review","mahammad-mostafa/to-do-list-review"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mahammad-mostafa/to-do-list-review","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mahammad-mostafa%2Fto-do-list-review","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mahammad-mostafa%2Fto-do-list-review/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mahammad-mostafa%2Fto-do-list-review/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mahammad-mostafa%2Fto-do-list-review/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mahammad-mostafa","download_url":"https://codeload.github.com/mahammad-mostafa/to-do-list-review/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mahammad-mostafa%2Fto-do-list-review/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262141972,"owners_count":23265645,"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":["best-practices","code-review","dry-principle","html-css-javascript","kiss-principle","microverse","microverse-projects","microverse-students","peer-review","single-page-app","webpack5","yagni-principle"],"created_at":"2024-10-02T03:41:36.265Z","updated_at":"2025-06-26T20:37:55.506Z","avatar_url":"https://github.com/mahammad-mostafa.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ca name=\"title\"\u003e\u003c/a\u003e\n\n\u003c!-- TITLE --\u003e\n\n# 🏷️ To Do List Review\n\nThis is an exercise practised on the fourth project in the second module in the **Microverse** program.\n\u003cbr/\u003e\nCheck the below contents for further details about this project.\n\n\u003c!-- CONTENTS --\u003e\n\n# 📗 Contents\n\n- [Description](#description)\n- [Instructions](#instructions)\n- [Authors](#authors)\n- [Future](#future)\n- [Contributions](#contributions)\n- [Support](#support)\n- [Acknowledgements](#acknowledgements)\n- [License](#license)\n\n\u003c!-- DESCRIPTION --\u003e\n\n\u003ca name=\"description\"\u003e\u003c/a\u003e\n\n# 📖 Description\n\nThis project is copied from the fourth project which was a simple task management app with `ES6` modules and bundled with `WebPack`.\nIt is intended for practicing code reviews \u0026 peer feedback.\nIt should adhere to best practices in (HTML / CSS / JavaScript) \u0026 comply with (DRY / KISS / YAGNI) principles.\nAll project files are contained in `src` directory.\nAlso config linters for (`HTML` / `CSS3` / `JavaScript`) in the `.github` folder.\n\n📌 **Live Demo:**\n- See the project live from [here](https://mahammad-mostafa.github.io/to-do-list-app-review/dist).\n\n📌 **Tech Stack:**\n- Page strucutre is built with `HTML5`\n- Styling is built with `CSS3`\n- Dynamic content is built with `JavaScript`\n\n📌 **Key Features:**\n- Responsive layout for all screens\n- Tasks list is loaded dynamically\n- Clear all completed tasks\n- All tasks are locally stored\n- Mark any task for completion\n- Organize tasks by drag \u0026 drop\n- Hover effect for icons \u0026 buttons\n- Refresh \u0026 reload list from storage \n- Edit any task by clicking on it \u0026 typing\n- Manually remove any task when higlighted\n- Add new tasks with maximum of 50 charaters\n \n\u003cp align=\"right\"\u003e\u003ca href=\"#title\"\u003eback to top\u003c/a\u003e\u003c/p\u003e\n\n\u003c!-- INSTRUCTIONS --\u003e\n\n\u003ca name=\"instructions\"\u003e\u003c/a\u003e\n\n# 🛠️ Instructions\n\nYou can easily download or fork this repository and work on it immadiately!\n\n📌 **Prerequisites:**\n- `NodeJS` for installing \u0026 running all packages \n\n📌 **Setup:**\n- Install all dependencies with `npm`\n- For live development on `localhost:8080` run:\n```\nnpm run start\n```\n\n📌 **Deployment:**\n- You can deploy this project by uploading files in the `dist` folder to a live server.\n- Create the distribution build using this command:\n```\nnpm run build\n```\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#title\"\u003eback to top\u003c/a\u003e\u003c/p\u003e\n\n\u003c!-- AUTHORS --\u003e\n\n\u003ca name=\"authors\"\u003e\u003c/a\u003e\n\n# 👥 Authors\n\n📌 **Mahammad:**\n- [GitHub](https://github.com/mahammad-mostafa)\n- [Twitter](https://twitter.com/mahammad_mostfa)\n- [LinkedIn](https://linkedin.com/in/mahammad-mostafa)\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#title\"\u003eback to top\u003c/a\u003e\u003c/p\u003e\n\n\u003c!-- FUTURE --\u003e\n\n\u003ca name=\"future\"\u003e\u003c/a\u003e\n\n# 🔭 Future\n\nSome additional features I may implement in the project:\n- [ ] Using `CSS` preprocessors and their relevant loaders\n- [ ] Implement two `WebPack` configurations for production \u0026 development\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#title\"\u003eback to top\u003c/a\u003e\u003c/p\u003e\n\n\u003c!-- CONTRIBUTIONS --\u003e\n\n\u003ca name=\"contributions\"\u003e\u003c/a\u003e\n\n# 🤝🏻 Contributions\n\nWish to contribute to this project?\n\u003cbr/\u003e\nContributions, issues, and feature requests are more than welcome!\n\u003cbr/\u003e\nFeel free to check the [issues](../../issues) page too.\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#title\"\u003eback to top\u003c/a\u003e\u003c/p\u003e\n\n\u003c!-- SUPPORT --\u003e\n\n\u003ca name=\"support\"\u003e\u003c/a\u003e\n\n# ⭐️ Support\n\nLike this project? Show your support by starring!\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#title\"\u003eback to top\u003c/a\u003e\u003c/p\u003e\n\n\u003c!-- ACKNOWLEDGEMENTS --\u003e\n\n\u003ca name=\"acknowledgements\"\u003e\u003c/a\u003e\n\n# 🙏🏻 Acknowledgements\n\nI thank everyone at **Microverse** for guiding me through this project.\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#title\"\u003eback to top\u003c/a\u003e\u003c/p\u003e\n\n\u003c!-- LICENSE --\u003e\n\n\u003ca name=\"license\"\u003e\u003c/a\u003e\n\n# 📝 License\n\nThis project is [MIT](LICENSE.md) licensed.\n\n\u003cp align=\"right\"\u003e\u003ca href=\"#title\"\u003eback to top\u003c/a\u003e\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmahammad-mostafa%2Fto-do-list-review","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmahammad-mostafa%2Fto-do-list-review","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmahammad-mostafa%2Fto-do-list-review/lists"}