{"id":18595204,"url":"https://github.com/anjola-adeuyi/task_tracker_vue","last_synced_at":"2026-04-30T09:31:31.119Z","repository":{"id":224827194,"uuid":"764328140","full_name":"anjola-adeuyi/task_tracker_vue","owner":"anjola-adeuyi","description":"Task Tracker Vue is a simple project built with Vue.js to track tasks with reminders.","archived":false,"fork":false,"pushed_at":"2024-02-28T02:36:42.000Z","size":191,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-17T23:07:23.003Z","etag":null,"topics":["api-client","api-rest","crud","crud-api","crud-application","crud-operation","javascript","json-api","json-server","routing","vue","vue-cli","vue-router","vue3","vuejs"],"latest_commit_sha":null,"homepage":"https://task-tracker-vue-seven.vercel.app","language":"Vue","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/anjola-adeuyi.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-02-27T22:01:19.000Z","updated_at":"2024-02-28T01:37:09.000Z","dependencies_parsed_at":"2024-11-07T01:20:14.998Z","dependency_job_id":"e4ad43e6-e183-4d0c-b690-9a01a622172d","html_url":"https://github.com/anjola-adeuyi/task_tracker_vue","commit_stats":null,"previous_names":["anjola-adeuyi/task_tracker_vue"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anjola-adeuyi%2Ftask_tracker_vue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anjola-adeuyi%2Ftask_tracker_vue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anjola-adeuyi%2Ftask_tracker_vue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anjola-adeuyi%2Ftask_tracker_vue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/anjola-adeuyi","download_url":"https://codeload.github.com/anjola-adeuyi/task_tracker_vue/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254527094,"owners_count":22085919,"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":["api-client","api-rest","crud","crud-api","crud-application","crud-operation","javascript","json-api","json-server","routing","vue","vue-cli","vue-router","vue3","vuejs"],"created_at":"2024-11-07T01:18:45.201Z","updated_at":"2026-04-30T09:31:31.091Z","avatar_url":"https://github.com/anjola-adeuyi.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Task Tracker Vue\n\nTask Tracker Vue is a simple project built with Vue.js to track tasks with reminders. [https://task-tracker-vue-seven.vercel.app/](https://task-tracker-vue-seven.vercel.app/)\n\n## Key Features when working with Vue\n\n- **Event Emission**: Utilizes Vue's event emission for communication between components.\n- **Data Binding**: Demonstrates data binding capabilities in Vue.js.\n- **Methods Usage**: Incorporates Vue methods for handling user interactions.\n- **Props**: Utilizes props to pass data between parent and child components.\n- **Dynamic Styling**: Shows dynamic styling using Vue directives.\n- **Iterating Over Tasks**: Utilizes Vue's `v-for` directive for rendering tasks dynamically.\n\n## Vue Code Snippets\n\n```markdown\nIn Vue:\n\n- `:` -\u003e `v-bind`\n- `@` -\u003e `v-on`\n- `v-bind:style=\"{ background: color }\"` -\u003e `:style=\"{ background: color }\"`\n- `v-on:click=\"onClick()\"` -\u003e `@click=\"onClick()\"`\n- `v-on:dblclick=\"$emit('toggle-reminder', task.id)\"` -\u003e `@dblclick=\"$emit('toggle-reminder', task.id)\"`\n- `v-on:delete-task=\"deleteFromTasks(task.id)\"` -\u003e `@delete-task=\"deleteFromTasks(task.id)\"`\n- `v-bind:class=\"[task.reminder ? 'reminder' : '', 'task']\"` -\u003e `:class=\"[task.reminder ? 'reminder' : '', 'task']\"`\n- `v-bind:tasks=\"tasks\"` -\u003e `:tasks=\"tasks\"`\n- `v-for=\"task in tasks\"` -\u003e `:key=\"task.id\" v-for=\"task in tasks\"`\n```\n\n## Usage\n\n1. Add Task: Click on the input field and enter a task description, then press Enter to add it to the list.\n2. Toggle Reminder: Double click on a task to toggle its reminder status.\n3. Delete Task: Click on the delete icon next to a task to remove it from the list.\n4. Fetch Task from API\n\n![assets/tracker_preview.png](src/assets/preview.png)\n\n## Project Setup\n\nTo set up the project, follow these simple steps:\n\n1. **Install Dependencies**: Run the following command to install project dependencies:\n\n```sh\nnpm install\n```\n\n1. **Compile and Hot-Reload for Development**: For development purposes, compile and enable hot-reloading with:\n\n```sh\nnpm run dev\n```\n\n1. **Compile and Minify for Production**: When ready for production, compile and minify the project using:\n\n```sh\nnpm run build\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanjola-adeuyi%2Ftask_tracker_vue","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fanjola-adeuyi%2Ftask_tracker_vue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanjola-adeuyi%2Ftask_tracker_vue/lists"}