https://github.com/ahmadiqbalbhatti/usepopcornapp

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.
https://github.com/ahmadiqbalbhatti/usepopcornapp

hook react react-hooks reactjs useeffect useref usestate

Last synced: 3 days ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/ahmadiqbalbhatti/usepopcornapp
• Owner: ahmadiqbalbhatti
• Created: 2023-10-02T21:03:51.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2023-10-09T11:40:53.000Z (about 1 year ago)
• Last Synced: 2023-10-09T19:27:58.174Z (about 1 year ago)
• Topics: hook, react, react-hooks, reactjs, useeffect, useref, usestate
• Language: JavaScript
• Homepage: https://aib-usepopcorn.netlify.app/
• Size: 359 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# UsePopCornApp built with React JS and External API

I have built a website using an external API, OMDB API. I learned

- How to use do state management with the **useState** hook?

- How to use fetch data from API using the **useEffect** hook?

- How to hold data and select DOM elements in React using the **useRef** hook?

- How to create custom hooks using existing HOOks?

Here is the Resultant website I have built

![Web capture_9-10-2023_163154_aib-usepopcorn netlify app](https://github.com/ahmadiqbalbhatti/UsePopCornApp/assets/52331296/9ed429b8-fe0f-4d9b-84ff-01f2f2e1637a)

![Web capture_9-10-2023_163216_aib-usepopcorn netlify app](https://github.com/ahmadiqbalbhatti/UsePopCornApp/assets/52331296/fb81acfb-9a1f-4c15-8d88-b4abe94c93dc)

### To see the running website please [Click Here](https://aib-usepopcorn.netlify.app/)