{"id":24105043,"url":"https://github.com/iahmadiqbalbhatti/usepopcornapp","last_synced_at":"2026-05-15T10:02:57.162Z","repository":{"id":197870564,"uuid":"699545246","full_name":"iahmadiqbalbhatti/UsePopCornApp","owner":"iahmadiqbalbhatti","description":"UsePopCornApp is a react App in which I will be learning most common Hooks. Thats why I used use as a prefix of the project name.","archived":false,"fork":false,"pushed_at":"2023-10-09T11:40:53.000Z","size":368,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-11T20:09:52.221Z","etag":null,"topics":["hook","react","react-hooks","reactjs","useeffect","useref","usestate"],"latest_commit_sha":null,"homepage":"https://aib-usepopcorn.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/iahmadiqbalbhatti.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":"2023-10-02T21:03:51.000Z","updated_at":"2023-10-09T11:31:15.000Z","dependencies_parsed_at":"2024-11-12T01:31:37.819Z","dependency_job_id":"c5c6a283-08f7-4854-ab98-a677cc25e9ae","html_url":"https://github.com/iahmadiqbalbhatti/UsePopCornApp","commit_stats":null,"previous_names":["ahmadiqbalbhatti/usepopcornapp","iahmadiqbalbhatti/usepopcornapp"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iahmadiqbalbhatti%2FUsePopCornApp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iahmadiqbalbhatti%2FUsePopCornApp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iahmadiqbalbhatti%2FUsePopCornApp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iahmadiqbalbhatti%2FUsePopCornApp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/iahmadiqbalbhatti","download_url":"https://codeload.github.com/iahmadiqbalbhatti/UsePopCornApp/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241072565,"owners_count":19904799,"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":["hook","react","react-hooks","reactjs","useeffect","useref","usestate"],"created_at":"2025-01-10T20:18:24.569Z","updated_at":"2026-05-15T10:02:52.126Z","avatar_url":"https://github.com/iahmadiqbalbhatti.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# UsePopCornApp built with React JS and External API\n\nI have built a website using an external API, OMDB API. I learned\n\n- How to use do state management with the **useState** hook?\n- How to use fetch data from API using the **useEffect** hook?\n- How to hold data and select DOM elements in React using the **useRef** hook?\n- How to create custom hooks using existing HOOks?\n\nHere is the Resultant website I have built\n\n![Web capture_9-10-2023_163154_aib-usepopcorn netlify app](https://github.com/ahmadiqbalbhatti/UsePopCornApp/assets/52331296/9ed429b8-fe0f-4d9b-84ff-01f2f2e1637a)\n\n![Web capture_9-10-2023_163216_aib-usepopcorn netlify app](https://github.com/ahmadiqbalbhatti/UsePopCornApp/assets/52331296/fb81acfb-9a1f-4c15-8d88-b4abe94c93dc)\n\n### To see the running website please [Click Here](https://aib-usepopcorn.netlify.app/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fiahmadiqbalbhatti%2Fusepopcornapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fiahmadiqbalbhatti%2Fusepopcornapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fiahmadiqbalbhatti%2Fusepopcornapp/lists"}