{"id":22957371,"url":"https://github.com/biohacker0/kanban-board","last_synced_at":"2025-07-16T15:35:41.798Z","repository":{"id":224036826,"uuid":"762188297","full_name":"biohacker0/Kanban-Board","owner":"biohacker0","description":"Simple Kanban board in plain javascript ","archived":false,"fork":false,"pushed_at":"2024-02-24T11:18:02.000Z","size":11,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-02T01:42:00.088Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://kanbanboard0.netlify.app/","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/biohacker0.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}},"created_at":"2024-02-23T09:06:50.000Z","updated_at":"2024-02-24T11:18:34.000Z","dependencies_parsed_at":"2024-02-24T12:27:13.229Z","dependency_job_id":"3ef1335d-38d7-49e7-9e6e-68a59ae9c94d","html_url":"https://github.com/biohacker0/Kanban-Board","commit_stats":null,"previous_names":["biohacker0/kanban-board"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/biohacker0/Kanban-Board","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/biohacker0%2FKanban-Board","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/biohacker0%2FKanban-Board/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/biohacker0%2FKanban-Board/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/biohacker0%2FKanban-Board/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/biohacker0","download_url":"https://codeload.github.com/biohacker0/Kanban-Board/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/biohacker0%2FKanban-Board/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265521635,"owners_count":23781545,"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":[],"created_at":"2024-12-14T17:16:20.703Z","updated_at":"2025-07-16T15:35:41.760Z","avatar_url":"https://github.com/biohacker0.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Drag and Drop JavaScript Project\n\n- [Blog](https://corvus-ikshana.hashnode.dev/kanban-board-in-plain-javascript)\n\n# Link -https://kanbanboard0.netlify.app/\n\nThis project provides a simple implementation of drag and drop functionality using JavaScript. It allows users to drag items from one area of the webpage and drop them into another, enhancing user interaction and usability.\n\n## Features\n\n- Draggable items: Users can drag elements with the class `task`.\n- Droppable areas: These are defined by elements with the class `swim-lane`.\n- Visual feedback: When an item is being dragged, it receives visual feedback by adding the class `is-dragging`.\n- Dynamic positioning: When dropping an item, it is placed above the nearest item in the drop area.\n\n![image](https://github.com/biohacker0/Kanban-Board/assets/50107470/cb64485a-b34d-4a02-95e8-9d83a7ddb248)\n![image](https://github.com/biohacker0/Kanban-Board/assets/50107470/e3c22e29-2e7a-4a4c-a5fc-26f22082b9a9)\n\n![image](https://github.com/biohacker0/Kanban-Board/assets/50107470/2407dcd1-1eed-4654-a02e-2645be8cb288)\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbiohacker0%2Fkanban-board","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbiohacker0%2Fkanban-board","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbiohacker0%2Fkanban-board/lists"}