{"id":31747736,"url":"https://github.com/srinivas6303/input_tags","last_synced_at":"2026-05-08T06:48:08.183Z","repository":{"id":318318805,"uuid":"1030434307","full_name":"srinivas6303/Input_Tags","owner":"srinivas6303","description":"A simple and reusable tag input component built with React and Redux Toolkit. It allows users to dynamically add and remove tags using keyboard interactions (Enter or ,).","archived":false,"fork":false,"pushed_at":"2025-10-06T12:42:16.000Z","size":1563,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-10-06T14:37:28.727Z","etag":null,"topics":["css","react","redux-toolkit","state-management","usedispatch","useselector"],"latest_commit_sha":null,"homepage":"","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/srinivas6303.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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-08-01T16:23:46.000Z","updated_at":"2025-10-06T12:42:19.000Z","dependencies_parsed_at":null,"dependency_job_id":"2fc9b9a8-26d6-4148-b9af-0aed16ccef08","html_url":"https://github.com/srinivas6303/Input_Tags","commit_stats":null,"previous_names":["srinivas6303/input_tags"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/srinivas6303/Input_Tags","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/srinivas6303%2FInput_Tags","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/srinivas6303%2FInput_Tags/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/srinivas6303%2FInput_Tags/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/srinivas6303%2FInput_Tags/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/srinivas6303","download_url":"https://codeload.github.com/srinivas6303/Input_Tags/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/srinivas6303%2FInput_Tags/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279001461,"owners_count":26083102,"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","status":"online","status_checked_at":"2025-10-09T02:00:07.460Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["css","react","redux-toolkit","state-management","usedispatch","useselector"],"created_at":"2025-10-09T13:48:03.507Z","updated_at":"2025-10-09T13:48:06.468Z","avatar_url":"https://github.com/srinivas6303.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🏷️ Tag Component with React \u0026 Redux\n\nA simple and reusable tag input component built with **React** and **Redux Toolkit**. It allows users to dynamically add and remove tags using keyboard interactions (`Enter` or `,`).\n\n---\n\n## 🚀 Features\n\n- Add tags by pressing `Enter` or `,`\n- Remove tags with a single click (`X`)\n- Input auto-clears after adding a tag\n- State management with Redux Toolkit\n\n---\n\n\n## 🛠️ Tech Stack\n\n- **React** (Hooks)\n- **Redux Toolkit**\n- **CSS** (Custom styling)\n\n---\n\n## ⚙️ Installation \u0026 Usage\n\n```bash\n# 1. Clone the repo\ngit clone https://github.com/yourusername/tag-component.git\ncd tag-component\n\n# 2. Install dependencies\nnpm install\n\n# 3. Start the Vite development server\nnpm run dev\n```\n\n\n## 🔑 How It Works\n- Tags are stored in Redux (tagSlice)\n- On key press (Enter or Comma), tag gets added\n- Clicking X dispatches a remove action\n\n  ## Resource\n  link: https://docs.google.com/document/d/1RLm7Q_iSxMfEYSsNTBzSmzjH1tPEshMgJBRpFQdMiy0/edit?usp=sharing\n\n\n\nhttps://github.com/user-attachments/assets/5be51df0-5540-4138-b1b6-662df27a204b\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsrinivas6303%2Finput_tags","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsrinivas6303%2Finput_tags","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsrinivas6303%2Finput_tags/lists"}