{"id":20084551,"url":"https://github.com/dhtmlx/react-todolist-demo","last_synced_at":"2025-09-01T16:33:40.948Z","repository":{"id":229587134,"uuid":"769185346","full_name":"DHTMLX/react-todolist-demo","owner":"DHTMLX","description":"React To Do List demo by DHTMLX","archived":false,"fork":false,"pushed_at":"2024-08-30T22:23:17.000Z","size":1687,"stargazers_count":0,"open_issues_count":1,"forks_count":2,"subscribers_count":5,"default_branch":"main","last_synced_at":"2024-09-07T03:22:00.785Z","etag":null,"topics":["dhtmlx","dhtmlx-demo","react","react-todo","react-todo-app","react-todo-list","to-do-list","todolist"],"latest_commit_sha":null,"homepage":"https://dhtmlx.com/docs/products/dhtmlxTodo/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/DHTMLX.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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":"2024-03-08T14:15:33.000Z","updated_at":"2024-08-30T22:23:21.000Z","dependencies_parsed_at":"2024-06-26T16:00:57.120Z","dependency_job_id":"ab2c6d94-eb63-4f69-b52b-a6d70209df01","html_url":"https://github.com/DHTMLX/react-todolist-demo","commit_stats":null,"previous_names":["dhtmlx/react-todolist-demo"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DHTMLX%2Freact-todolist-demo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DHTMLX%2Freact-todolist-demo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DHTMLX%2Freact-todolist-demo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/DHTMLX%2Freact-todolist-demo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/DHTMLX","download_url":"https://codeload.github.com/DHTMLX/react-todolist-demo/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224479914,"owners_count":17318299,"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":["dhtmlx","dhtmlx-demo","react","react-todo","react-todo-app","react-todo-list","to-do-list","todolist"],"created_at":"2024-11-13T15:52:25.557Z","updated_at":"2024-11-13T15:52:26.220Z","avatar_url":"https://github.com/DHTMLX.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# DHTMLX To Do List with React Demo\n\n[](https://dhtmlx.com/)\n\n[How to start](#how-to-start) | [Key features](#key-features) | [License](#license) | [Useful links](#links) | [Other examples](#examples) | [Join our online community](#join)\n\n\n\nThe DHTMLX [JavaScript To Do List](https://dhtmlx.com/docs/products/dhtmlxTodo/) widget allows building a web app for effective task management. It has a clean, minimalist design that makes it easy for end-users to organize their business processes without unnecessary complexity.\n\n\u003ca name=\"how-to-start\"\u003e\u003c/a\u003e\n## How to start\n\n### Online\n\n[](https://codespaces.new/DHTMLX/react-todolist-demo)\n\n**Please note**, having clicked on this button, you open the **online demo. Don't worry about paying extra!** With GitHub's free plan, [you get 15 GB of storage and 120 hours of Codespaces use each month](https://docs.github.com/en/billing/managing-billing-for-github-codespaces/about-billing-for-github-codespaces#monthly-included-storage-and-core-hours-for-personal-accounts). This is more than enough to run our demo without any extra costs.\n\n### On the local host \n\nClone the repository or download files.\n\n```\nyarn\nyarn start\n```\n\nor\n\n```\nnpm install\nnpm run start\n```\n\n\u003ca name=\"key-features\"\u003e\u003c/a\u003e\n## DHTMLX To Do List key features\n\n- Rich JavaScript API\n- Drag-n-drop support\n- Improved keyboard navigation\n- Convenient work with project and tasks (adding new projects and switching between them, editing, deleting, etc.)\n- Integrating a multi-user backend\n \n[](https://snippet.dhtmlx.com/82ayq2lk?tag=todolist\u0026mode=wide)\n\n- Setting due dates\n- Expanding/collapsing tasks and subtasks\n- Sorting tasks by various criteria (priority, due date, etc.)\n- Using hashtags\n \n[](https://snippet.dhtmlx.com/5cymicwt?tag=todolist\u0026mode=wide)\n\n- Different modes of marking tasks completed\n- Calculating the number of completed subtasks\n- Estimating the percentage of the task completed\n- Full customization via CSS\n\n\u003ca name=\"license\"\u003e\u003c/a\u003e\n## License ##\nThis demo is available under the Evaluation license. To use it in your projects, please choose a proper license on the DHTMLX website: [https://dhtmlx.com/docs/products/licenses.shtml](https://dhtmlx.com/docs/products/licenses.shtml)\n\n\u003ca name=\"links\"\u003e\u003c/a\u003e\n## Useful links\n\n- [More demos about the DHTMLX To Do List functionality](https://snippet.dhtmlx.com/3vwlbwee?tag=todolist)\n- [Technical support](https://forum.dhtmlx.com/c/todo)\n- [Online documentation](https://docs.dhtmlx.com/todolist/)\n\n\u003ca name=\"examples\"\u003e\u003c/a\u003e\n## Other examples\n\nCheck out examples of using DHTMLX To Do List with other technologies:\n\n| JavaScript | Angular | Svelte | Vue |\n| ----- | ----- | ----- | ----- |\n| [](https://dhtmlx.com/docs/products/dhtmlxTodo/) | [](https://github.com/DHTMLX/angular-todolist-demo) | [](https://github.com/DHTMLX/svelte-todolist-demo) | [](https://github.com/DHTMLX/vue-todolist-demo) |\n\n\u003ca name=\"join\"\u003e\u003c/a\u003e\n## Join our online community\n\n- Star our GitHub repo :star:\n- Watch our tutorials on [YouTube](https://www.youtube.com/user/dhtmlx/videos) :tv:\n- Read us on [Medium](https://dhtmlx.medium.com) :newspaper:\n- Follow us on [X](https://x.com/dhtmlx) :bird:\n- Check our news and updates on [Facebook](https://www.facebook.com/dhtmlx/) :feet:\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdhtmlx%2Freact-todolist-demo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdhtmlx%2Freact-todolist-demo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdhtmlx%2Freact-todolist-demo/lists"}