{"id":21176337,"url":"https://github.com/charandvvk/pick-users","last_synced_at":"2026-04-17T00:02:23.457Z","repository":{"id":217554352,"uuid":"744155305","full_name":"charandvvk/Pick-Users","owner":"charandvvk","description":"ReactJS-based Web Application developed as part of a hiring assignment by Zepto.","archived":false,"fork":false,"pushed_at":"2024-01-16T20:28:37.000Z","size":212,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-14T18:33:46.387Z","etag":null,"topics":["css3","html5","javascript-es6","react-icons","reactjs"],"latest_commit_sha":null,"homepage":"https://charandvvk-pickusers.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/charandvvk.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}},"created_at":"2024-01-16T18:20:43.000Z","updated_at":"2024-01-16T20:33:01.000Z","dependencies_parsed_at":"2024-01-17T04:42:24.881Z","dependency_job_id":"82ccf148-91f8-48d7-aad8-41006fcbbe4d","html_url":"https://github.com/charandvvk/Pick-Users","commit_stats":null,"previous_names":["charandvvk/pick-users"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/charandvvk/Pick-Users","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/charandvvk%2FPick-Users","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/charandvvk%2FPick-Users/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/charandvvk%2FPick-Users/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/charandvvk%2FPick-Users/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/charandvvk","download_url":"https://codeload.github.com/charandvvk/Pick-Users/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/charandvvk%2FPick-Users/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31909235,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-16T18:22:33.417Z","status":"ssl_error","status_checked_at":"2026-04-16T18:21:47.142Z","response_time":69,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["css3","html5","javascript-es6","react-icons","reactjs"],"created_at":"2024-11-20T17:01:13.609Z","updated_at":"2026-04-17T00:02:23.419Z","avatar_url":"https://github.com/charandvvk.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Pick Users: ReactJS-based Web Application\n\nThis project is developed as part of a hiring assignment for a Frontend role at [Zepto](https://www.zeptonow.com/).\n\n## Table of Contents\n\n1. [Demo](#demo)\n2. [Usage](#usage)\n3. [Technologies](#technologies)\n4. [Setup](#setup)\n\n## Demo\n\nYou can experience a live demo of the application [here](https://charandvvk-pickusers.netlify.app/), hosted on Netlify.\n\n## Usage\n   \n1. Click on the input field to view a list of users below it.\n2. Type in the input field to search the users by their names.\n3. Click on a user to turn it into a chip above the input field and to remove it from the list.\n4. Click on the \"X\" icon in the right of a chip to remove it and to add the user back to the list.\n5. Press backspace when the input field is blank for the last chip to get highlighted and press backspace again to remove it and to add the user back to the list. (Bonus)\n\n## Technologies\n\n- [HTML5](https://html.com/)\n- [CSS3](https://css3.com/)\n- [JavaScript/ES6](https://www.javascript.com/)\n- [React Icons](https://react-icons.github.io/react-icons)\n- [React](https://react.dev)\n\n## Setup\n\nTo get a local copy of the project up and running, follow these steps:\n\n1. Launch your preferred command-line interface (CLI).\n\n2. Clone the repository: `git clone https://github.com/charandvvk/Pick-Users.git`\n  \n3. Change to the project directory: `cd Pick-Users`\n\n4. Install dependencies: `npm i`\n\n5. Start the development server: `npm start`\n\n6. Open your favored browser and navigate to http://localhost:3000.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcharandvvk%2Fpick-users","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcharandvvk%2Fpick-users","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcharandvvk%2Fpick-users/lists"}