{"id":15544938,"url":"https://github.com/developerwaleed/interactive-todolist","last_synced_at":"2025-04-23T17:41:22.866Z","repository":{"id":104931756,"uuid":"502483071","full_name":"developerwaleed/Interactive-TODOLIST","owner":"developerwaleed","description":"To-DO-lIST is a web application that is created only using JS. It allows you to manage your day effectively. The application is packed with many great features, i.e. drag and drop, delete completed tasks, filter the tasks according to your need.","archived":false,"fork":false,"pushed_at":"2022-12-29T18:03:57.000Z","size":1598,"stargazers_count":8,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-10-02T12:41:16.330Z","etag":null,"topics":["css","es6-javascript","html","javascript","sass","webpack"],"latest_commit_sha":null,"homepage":"https://developerwaleed.github.io/Interactive-TODOLIST/","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/developerwaleed.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":"2022-06-12T00:12:44.000Z","updated_at":"2023-02-28T15:32:15.000Z","dependencies_parsed_at":null,"dependency_job_id":"f873c29e-1e85-4b29-8495-84edd34ae07c","html_url":"https://github.com/developerwaleed/Interactive-TODOLIST","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/developerwaleed%2FInteractive-TODOLIST","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/developerwaleed%2FInteractive-TODOLIST/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/developerwaleed%2FInteractive-TODOLIST/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/developerwaleed%2FInteractive-TODOLIST/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/developerwaleed","download_url":"https://codeload.github.com/developerwaleed/Interactive-TODOLIST/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250482416,"owners_count":21437875,"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":["css","es6-javascript","html","javascript","sass","webpack"],"created_at":"2024-10-02T12:40:51.627Z","updated_at":"2025-04-23T17:41:22.848Z","avatar_url":"https://github.com/developerwaleed.png","language":"JavaScript","readme":"\u003ca name=\"readme-top\"\u003e\u003c/a\u003e\n\n\u003c!-- TABLE OF CONTENTS --\u003e\n\n# 📗 Table of Contents\n\n\u003cdetails\u003e\n  \u003csummary\u003eClick to view contents\u003c/summary\u003e\n  \u003col\u003e\n    \u003cli\u003e\n      \u003ca href=\"#about-project\"\u003e📖 About the Project\u003c/a\u003e\n        \u003cul\u003e\n          \u003cli\u003e\u003ca href=\"#video\"\u003e📹 Video\u003c/a\u003e\u003c/li\u003e\n          \u003cli\u003e\n            \u003ca href=\"#built-with\"\u003e🛠 Built With\u003c/a\u003e\n            \u003cul\u003e\n              \u003cli\u003e\u003ca href=\"#tech-stack\"\u003eTech Stack\u003c/a\u003e\u003c/li\u003e\n              \u003cli\u003e\u003ca href=\"#key-features\"\u003eKey Features\u003c/a\u003e\u003c/li\u003e\n            \u003c/ul\u003e\n          \u003c/li\u003e\n          \u003cli\u003e\u003ca href=\"#live-demo\"\u003e🚀 Live Demo\u003c/a\u003e\u003c/li\u003e\n        \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\n      \u003ca href=\"#getting-started\"\u003e💻 Getting Started\u003c/a\u003e\n      \u003cul\u003e\n        \u003cli\u003e\u003ca href=\"#setup\"\u003eSetup\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#prerequisites\"\u003ePrerequisites\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#install\"\u003eInstall\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#usage\"\u003eUsage\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#run-tests\"\u003eRun tests\u003c/a\u003e\u003c/li\u003e\n        \u003cli\u003e\u003ca href=\"#deployment\"\u003eDeployment\u003c/a\u003e\u003c/li\u003e\n      \u003c/ul\u003e\n    \u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#authors\"\u003e👥 Authors\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#future-features\"\u003e🔭 Future Features\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#contributing\"\u003e🤝 Contributing\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#support\"\u003e⭐️ Show your support\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#acknowledgements\"\u003e🙏 Acknowledgements\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#faq\"\u003e❓ FAQ\u003c/a\u003e\u003c/li\u003e\n    \u003cli\u003e\u003ca href=\"#license\"\u003e📝 License\u003c/a\u003e\u003c/li\u003e\n  \u003c/ol\u003e\n\u003c/details\u003e\n\n\u003c!-- PROJECT DESCRIPTION --\u003e\n\n# 📖 To-Do-List \u003ca name=\"about-project\"\u003e\u003c/a\u003e\n\n**To-DO-lIST** is a web application that is created only using JS. It allows you to manage your day effectively. The application is packed with many great features, i.e. drag and drop, delete completed tasks, filter the tasks according to your need.\n\n\u003cdiv align=\"center\"\u003e\u003cimg src='./images/mock.png' width=\"700\"\u003e\u003c/div\u003e\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- Javascript\n- SASS\n\n\u003cdetails\u003e\n\u003csummary\u003eClient\u003c/summary\u003e\n  \u003cul\u003e\n    \u003cli\u003e\u003ca href=\"https://reactjs.org/\"\u003eReact\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\nThis projects aim is to serve its users the best experience in terms of every single aspect.\n\n- You can filter your tasks.\n- You can arrange your tasks using drag and drop functionality.\n- You can use the application on any device and will have no issue what so ever!\n- Dark Mode is implemented.\n- User can clear all completed tasks by clicking the Clear Task Button.\n- The task can be deleted and edited by hovering over the task you can find the options!\n- Web Appliction is Accessibility supported!\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[Click Here for live Version!](https://developerwaleed.github.io/Interactive-TODOLIST/)\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\nTo get a local copy up and running, follow these steps.\n\n### Prerequisites\n\n- Live Server\n\n### Setup\n\n#### Github\n- Enter this url: [https://github.com/developerwaleed/Interactive-TODOLIST](https://github.com/developerwaleed/Interactive-TODOLIST) in your web browser.\n- Once opened navigate to the top left level of the project a green code download button will be visible on the righthand side.\n- Select the download Zip option from drop-down menu.\n- Once the download is complete you will be able to access my project locally.\n\n#### Local (Terminal)\n\n```sh\n  git clone https://github.com/developerwaleed/Interactive-TODOLIST.git\n  cd Interactive-TODOLIST\n```\n\n### Install\n\nInstall dependencies and gems in this project with:\n\nMake sure you have something to run the application on live server.\n```sh\n  cd Interactive-TODOLIST\n```\n\n\n### Usage\n\nTo run the project:\n- Open `Index.html` on live server.\n\n### Run tests\n\nTo run tests, run the following command:\n\n```\nnpm run test\n```\n\n### Deployment\n\nYou can deploy this project using:\n\n- Github Pages\n- Netlify\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## 👥 Authors \u003ca name=\"author\"\u003e\u003c/a\u003e\n| 👤 Name | Github | Twitter | LinkedIn |\n|------|--------|---------|----------|\n|Waleed Amjad|[@caasperr](https://github.com/developerwaleed)|[@developerwaleed](https://twitter.com/developerwaleed)|[@developerwaleed](https://www.linkedin.com/in/developerwaleed/)|\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- Currently none.\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 are what makes the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.\n\n1. Fork the Project\n2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the Branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\nIf you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue, feel 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=\"support\"\u003e\u003c/a\u003e\n\nIf you like this project. Don't forget to give it a ⭐️\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- A big thanks to [@frontendmentor](https://www.frontendmentor.io) for the [challenge](https://www.frontendmentor.io/challenges/todo-app-Su1_KokOW).\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n\n\u003c!-- FAQ  --\u003e\n\n## ❓ FAQ \u003ca name=\"faq\"\u003e\u003c/a\u003e\n\n- **What inspired me to create this project?**\n\n The inspiration for this project came from Frontend Mentor – a platform that aims to Improve your front-end skills by building real projects.\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](./LICENSE) licensed.\n\n\u003cp align=\"right\"\u003e(\u003ca href=\"#readme-top\"\u003eback to top\u003c/a\u003e)\u003c/p\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeveloperwaleed%2Finteractive-todolist","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdeveloperwaleed%2Finteractive-todolist","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdeveloperwaleed%2Finteractive-todolist/lists"}