{"id":19742363,"url":"https://github.com/iahmadiqbalbhatti/UsePopCornApp","last_synced_at":"2025-04-30T07:31:32.202Z","repository":{"id":197870564,"uuid":"699545246","full_name":"ahmadiqbalbhatti/UsePopCornApp","owner":"ahmadiqbalbhatti","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":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2023-10-09T19:27:58.174Z","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/ahmadiqbalbhatti.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}},"created_at":"2023-10-02T21:03:51.000Z","updated_at":"2023-10-09T11:31:15.000Z","dependencies_parsed_at":"2023-10-03T05:37:36.887Z","dependency_job_id":null,"html_url":"https://github.com/ahmadiqbalbhatti/UsePopCornApp","commit_stats":null,"previous_names":["ahmadiqbalbhatti/usepopcornapp"],"tags_count":0,"template":null,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ahmadiqbalbhatti%2FUsePopCornApp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ahmadiqbalbhatti%2FUsePopCornApp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ahmadiqbalbhatti%2FUsePopCornApp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ahmadiqbalbhatti%2FUsePopCornApp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ahmadiqbalbhatti","download_url":"https://codeload.github.com/ahmadiqbalbhatti/UsePopCornApp/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":224201704,"owners_count":17272623,"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":"2024-11-12T01:30:43.331Z","updated_at":"2025-04-30T07:31:26.754Z","avatar_url":"https://github.com/ahmadiqbalbhatti.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"}