{"id":19828990,"url":"https://github.com/liwa-dev/task-management","last_synced_at":"2025-06-12T01:34:01.791Z","repository":{"id":249346054,"uuid":"831261037","full_name":"liwa-dev/task-management","owner":"liwa-dev","description":"A responsive task management application with dynamic animations and a typewriter effect for displaying tasks. Built using HTML, CSS, and JavaScript. Load Save etc.","archived":false,"fork":false,"pushed_at":"2024-07-20T05:11:20.000Z","size":183,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-28T21:07:48.213Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/liwa-dev.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":"2024-07-20T04:29:41.000Z","updated_at":"2024-07-20T05:13:40.000Z","dependencies_parsed_at":"2024-07-20T05:50:52.606Z","dependency_job_id":null,"html_url":"https://github.com/liwa-dev/task-management","commit_stats":null,"previous_names":["liwa-dev/task-management"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/liwa-dev/task-management","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liwa-dev%2Ftask-management","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liwa-dev%2Ftask-management/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liwa-dev%2Ftask-management/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liwa-dev%2Ftask-management/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/liwa-dev","download_url":"https://codeload.github.com/liwa-dev/task-management/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/liwa-dev%2Ftask-management/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259377546,"owners_count":22848381,"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-11-12T11:17:29.960Z","updated_at":"2025-06-12T01:34:01.766Z","avatar_url":"https://github.com/liwa-dev.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Interactive Task Visualization Application\n\n## Overview\n\nThis dynamic, web-based application offers an intuitive and visually engaging way to manage tasks, ideas, and workflows. Inspired by modern game development environments, it provides a canvas-like interface where users can create, connect, and manipulate task nodes in a tree-like structure.\n\n![Application Interface](imgs/face1.png)\n\n## Key Features\n\n- **Node-Based Task Creation**: Spawn task nodes with customizable shapes and properties.\n- **Dynamic Connections**: Create visual links between tasks to represent relationships or dependencies.\n- **Interactive Canvas**: Zoom, pan, and navigate through your task ecosystem with ease.\n- **Real-Time Editing**: Modify task details on the fly with seamless updates.\n- **Engaging UI Elements**: \n  - Typewriter effect for displaying motivational messages\n  - Smooth animations for a polished user experience\n- **Responsive Design**: Adapts to various screen sizes, from desktop to mobile devices.\n- **Persistence**: Save and load your task structures for continued work across sessions.\n\n## Technical Highlights\n\n- **HTML5 Canvas**: Leverages canvas for high-performance rendering of nodes and connections.\n- **CSS3 Animations**: Implements fluid transitions and visual effects.\n- **Vanilla JavaScript**: Core functionality built with pure JavaScript for optimal performance.\n- **Local Storage API**: Utilizes browser's local storage for saving and loading projects.\n- **SVG Integration**: Incorporates Scalable Vector Graphics for crisp, resizable UI elements.\n- **Touch-Enabled**: Supports multi-touch gestures for mobile and tablet interactions.\n\n## Getting Started\n\n1. Clone the repository:\n   ```\n   git clone https://github.com/liwa-dev/task-management.git\n   ```\n2. Open `index.html` in a modern web browser.\n\n## Usage Guide\n\n- **Create a Node**: Click the \"Box\" button in the top-left corner.\n- **Move Nodes**: Click and drag to reposition.\n- **Edit Node Content**: Click on a node to modify its title or add entries.\n- **Create Connections**: Select one node, then another to establish a visual link.\n- **Navigate the Canvas**: \n  - Zoom: Use mouse wheel or pinch gesture\n  - Pan: Click and drag on the background\n- **Save/Load**: Use dedicated buttons to persist or retrieve your work.\n\n## Customization\n\nTailor the application by modifying these key files:\n- `style.css`: Adjust visual styles and animations\n- `script.js`: Extend core functionality and interactions\n- `index.html`: Modify structure or introduce new elements\n\n## Contributing\n\nWe welcome contributions! Feel free to fork the project and submit pull requests.\n\n## License\n\nThis project is open source and available under the [Apache License 2.0](LICENSE).\n\n## Acknowledgements\n\n- Inspired by node-based interfaces in game development and visual programming environments.\n- Background patterns and UI elements crafted to enhance user focus and creativity.\n\n---\n\nFor questions, feedback, or support, please open an issue in the GitHub repository.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fliwa-dev%2Ftask-management","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fliwa-dev%2Ftask-management","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fliwa-dev%2Ftask-management/lists"}