{"id":25847330,"url":"https://github.com/psparwez/todoo","last_synced_at":"2026-05-10T03:05:21.099Z","repository":{"id":279611140,"uuid":"939374020","full_name":"psparwez/todoo","owner":"psparwez","description":"A simple and clean and draggable Todo built  with react \u0026 framer motion. ","archived":false,"fork":false,"pushed_at":"2025-02-26T13:02:35.000Z","size":0,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-26T13:43:32.607Z","etag":null,"topics":["context-api","framer-motion","react","react-todo-app","todo"],"latest_commit_sha":null,"homepage":"https://todoo-ps.vercel.app/","language":"TypeScript","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/psparwez.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":"2025-02-26T12:45:46.000Z","updated_at":"2025-02-26T13:08:25.000Z","dependencies_parsed_at":"2025-02-26T13:43:36.968Z","dependency_job_id":"cab9f3b7-e527-4eea-ac80-5b57b29a3713","html_url":"https://github.com/psparwez/todoo","commit_stats":null,"previous_names":["psparwez/todoo"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/psparwez/todoo","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/psparwez%2Ftodoo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/psparwez%2Ftodoo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/psparwez%2Ftodoo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/psparwez%2Ftodoo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/psparwez","download_url":"https://codeload.github.com/psparwez/todoo/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/psparwez%2Ftodoo/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262888956,"owners_count":23380126,"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":["context-api","framer-motion","react","react-todo-app","todo"],"created_at":"2025-03-01T10:18:44.668Z","updated_at":"2026-05-10T03:05:16.077Z","avatar_url":"https://github.com/psparwez.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\u003cdiv align=\"center\" \u003e \n   \u003ch1\u003e𐌕Ꝋ𐌃Ꝋ \u003c/h1\u003e\n   \u003cp\u003eThis is a simple drag \u0026 drop todo's web app built with \u003cstrong\u003eReact\u003c/strong\u003e, \u003cbr/\u003e \u003cstrong\u003eTypeScript\u003c/strong\u003e, \u003cstrong\u003eFramer Motion\u003c/strong\u003e, and \u003cstrong\u003eTailwind CSS\u003c/strong\u003e. It features task creation, searching, \u003cbr/\u003e editing, and deleting with a clean and modern UI.\u003c/p\u003e\n  \u003ca href=\"https://todoos.vercel.app/\"\u003e\u003cstrong\u003e➥ Live Demo\u003c/strong\u003e\u003c/a\u003e\n\u003c/div\u003e\n\n\n## :camera: Demo Screenshots\n![Image](https://github.com/user-attachments/assets/3b79fb8d-24c9-4239-9804-cde0532e9f2b)\n\n## 🚀 Features\n- 📌 **Drag-and-drop** Smooth drag and drop operation \n- 🔍 **Search Functionality**: Filter tasks in real-time.\n- 📝 **Task Management**: Create, edit, and delete tasks.\n- 📅 **Task Prioritization**: Assign priority levels and deadlines.\n- 🏷️ **Tagging System**: Organize tasks using tags.\n- 📦 **State Management**: Context API for global state.\n- 🎨 **Animated UI**: Framer Motion for smooth interactions.\n\n## 🛠️ Tech Stack\n- **Frontend:** React, TypeScript, Tailwind CSS, Framer Motion\n- **State Management:** Context API\n- **UI Icons:** Lucide-react\n- **Notifications:** react-hot-toast\n\n## 📦 Installation\n1. **Clone the Repository**\n   ```sh\n   git clone  https://github.com/psparwez/todoo.git\n   cd todoo\n   ```\n2. **Install Dependencies**\n   ```sh\n   npm install\n   ```\n3. **Run the App**\n   ```sh\n   npm run dev\n   ```\n\n## ⚡ Usage\n- **Create a Task**: Click on the add button and enter task details.\n- **Search Tasks**: Type in the search bar to filter tasks dynamically.\n- **Edit Task**: Click the edit button on a task card.\n- **Delete Task**: Click the trash icon and confirm deletion.\n- **View Details**: Click the details button on a task card.\n\n## 🛠️ Future Enhancements\n- 🌍 **Dark Mode** support\n- 🔄 **Task Status Updates** (In Progress, Completed, etc.)\n\n## 🤝 Contributing\nContributions are welcome! Feel free to fork the repo and submit a PR.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpsparwez%2Ftodoo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpsparwez%2Ftodoo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpsparwez%2Ftodoo/lists"}