{"id":20036588,"url":"https://github.com/taiseen/country_info","last_synced_at":"2026-04-30T08:38:32.207Z","repository":{"id":68005187,"uuid":"366519705","full_name":"taiseen/country_info","owner":"taiseen","description":"Build for learning purpose","archived":false,"fork":false,"pushed_at":"2022-02-16T21:48:49.000Z","size":547,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-12T18:51:25.700Z","etag":null,"topics":["api","conditional-ui-rendering","css","html","object-chaining","pagination","react","reactjs","ui-toggling"],"latest_commit_sha":null,"homepage":"https://countriy-information.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/taiseen.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":"2021-05-11T21:41:25.000Z","updated_at":"2022-02-16T21:50:48.000Z","dependencies_parsed_at":null,"dependency_job_id":"cc6ac109-5fb3-4296-85ed-0e1dfa02f7eb","html_url":"https://github.com/taiseen/country_info","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taiseen%2Fcountry_info","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taiseen%2Fcountry_info/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taiseen%2Fcountry_info/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/taiseen%2Fcountry_info/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/taiseen","download_url":"https://codeload.github.com/taiseen/country_info/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241465975,"owners_count":19967385,"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","conditional-ui-rendering","css","html","object-chaining","pagination","react","reactjs","ui-toggling"],"created_at":"2024-11-13T10:14:09.511Z","updated_at":"2025-10-27T13:14:29.733Z","avatar_url":"https://github.com/taiseen.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"07 Mar 2021 ==\u003e 1st build \u003cbr/\u003e\n11 Feb 2022 ==\u003e api change\n\n# Country Info - React App \u003c|\u003e [Live Link](https://countriy-information.netlify.app)\n\n## API Use\n### Get all items\n```\nhttps://restcountries.com/v3.1/all\n```\n\n### Get only search item\n```sh\nhttps://restcountries.com/v3.1/name/${searchCountry}\n```\n\n## Concept Implementation\n* Parent Child Component \n* Sibling Component Data Passing\n* Object `Chaining`\n* Object Destructuring\n* Object Destructuring with `alias naming`\n* Object Destructuring with array value access inside JSX\n* JSX ternary operation\n* implement -\u003e useState \u0026 useEffect with \u0026 without dependency\n\n## Features \u0026 Usage\n* Searching option\n* After click `in` country, details info `show | toggle`\n* After click `outside`, details info `hide | toggle`\n* Bootstrap | linking at `index.html` page\n* `Pagination`\n\n\u003cbr/\u003e \n\n# Run Locally\n\nClone the project\n\n```sh\ngit clone https://github.com/taiseen/country_info.git \n```\n\nGo to the project directory\n\n```sh\ncd country_info\n```\n\n1st - Install dependencies\n\n```sh\nnpm install\n```\n\nThen start the server\n\n```sh\nnpm run start\n```\n\nTo deploy this project run\n\n```sh\nnpm run deploy\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftaiseen%2Fcountry_info","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftaiseen%2Fcountry_info","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftaiseen%2Fcountry_info/lists"}