{"id":22706915,"url":"https://github.com/caner-yesiltas/taskflow-manager","last_synced_at":"2025-03-29T20:43:56.861Z","repository":{"id":261974587,"uuid":"885638965","full_name":"Caner-Yesiltas/TaskFlow-Manager","owner":"Caner-Yesiltas","description":"📝 Task management app built with React \u0026 Bootstrap. Features UUID, localStorage persistence, and responsive design. ","archived":false,"fork":false,"pushed_at":"2025-02-20T18:41:47.000Z","size":24181,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-20T19:39:02.188Z","etag":null,"topics":["bootstrap-react","frontend","localstorage","task-tracker-app","uuid-generator"],"latest_commit_sha":null,"homepage":"https://task-flow-manager.vercel.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/Caner-Yesiltas.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-11-09T02:13:25.000Z","updated_at":"2025-02-20T18:41:50.000Z","dependencies_parsed_at":"2025-02-20T19:43:23.537Z","dependency_job_id":null,"html_url":"https://github.com/Caner-Yesiltas/TaskFlow-Manager","commit_stats":null,"previous_names":["caner-yesiltas/taskflow-manager"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Caner-Yesiltas%2FTaskFlow-Manager","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Caner-Yesiltas%2FTaskFlow-Manager/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Caner-Yesiltas%2FTaskFlow-Manager/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Caner-Yesiltas%2FTaskFlow-Manager/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Caner-Yesiltas","download_url":"https://codeload.github.com/Caner-Yesiltas/TaskFlow-Manager/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246243566,"owners_count":20746307,"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":["bootstrap-react","frontend","localstorage","task-tracker-app","uuid-generator"],"created_at":"2024-12-10T10:10:22.664Z","updated_at":"2025-03-29T20:43:56.856Z","avatar_url":"https://github.com/Caner-Yesiltas.png","language":"JavaScript","readme":"\n\u003cdiv align=\"center\"\u003e\n \u003ch1\u003e \n# TaskFlow Manager 📝\n \u003c/h1\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003ch2\u003e\n    👉 \u003ca href=\"https://task-flow-manager.vercel.app/\"\u003eLive Demo\u003c/a\u003e 👈\n  \u003c/h2\u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"./assets/demo.gif\" alt=\"TaskFlow Manager Demo\" width=\"800\"/\u003e\n\u003c/div\u003e\n\n## 📌 About The Project\n\nTaskFlow Manager is a modern task management application built with React and Bootstrap. It helps users organize their daily tasks with a clean, intuitive interface.\n\n### ✨ Key Features\n\n- ➕ Create new tasks with unique UUIDs\n- ✅ Mark tasks as complete/incomplete with double-click\n- 🗑️ Delete tasks instantly\n- 💾 Persistent storage using localStorage\n- 🎨 Clean and responsive Bootstrap design\n- ❄️ Daily task list with winter theme (☃️)\n\n### 🛠️ Built With\n\n- [React](https://reactjs.org/)\n- [React Bootstrap](https://react-bootstrap.github.io/)\n- [UUID](https://github.com/uuidjs/uuid)\n- LocalStorage API\n- CSS3\n\n## 🚀 Getting Started\n\n```bash\n# Clone the repository\ngit clone https://github.com/caneryesiltas/task-flow-manager.git\n\n# Navigate to project directory\ncd task-flow-manager\n\n# Install dependencies\nnpm install\n\n# Start the development server\nnpm start\n```\n\n## 💻 Project Structure\n\n```\nsrc/\n├── components/\n│   ├── Header.js    # Task input and addition\n│   └── TodoList.js  # Task display and management\n├── styles/\n│   └── App.css\n└── App.js          # Main application logic\n```\n\n## 🔍 Core Functionality\n\n- **Task Addition**: Users can add new tasks with automatic UUID generation\n- **Task Toggle**: Double-click to toggle task completion status\n- **Task Deletion**: Remove tasks with a single click on the trash icon\n- **Data Persistence**: Tasks are saved in localStorage\n- **Input Validation**: Empty tasks are prevented with input validation\n\n## 🎯 Component Details\n\n### Header Component\n- Task input field with Bootstrap styling\n- Disabled button state for empty inputs\n- Clean and centered design\n\n### TodoList Component\n- Responsive list layout\n- Visual completion indicators\n- Interactive delete buttons\n- Winter-themed heading (☃️)\n\n## 📱 Responsive Design\n\n- Centered content layout\n- Mobile-friendly interface\n- Bootstrap grid system\n- Adaptive input group sizing\n\n## 🤝 Contributing\n\nContributions make the open source community an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.\n\n## 📄 License\n\nDistributed under the MIT License. See `LICENSE` for more information.\n\n## 📫 Contact\n\nCaner Yesiltas - caneryesiltas1@gmail.com\n\nProject Link: [https://task-flow-manager.vercel.app/](https://task-flow-manager.vercel.app/)\n\n---\n\n\u003cdiv align=\"center\"\u003e\n  Made with 📝 by Caner Yesiltas\n\u003c/div\u003e\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcaner-yesiltas%2Ftaskflow-manager","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcaner-yesiltas%2Ftaskflow-manager","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcaner-yesiltas%2Ftaskflow-manager/lists"}