https://github.com/languagexange/fetchapi
https://github.com/languagexange/fetchapi
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/languagexange/fetchapi
- Owner: LanguageXange
- Created: 2020-04-19T08:13:13.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2020-04-27T08:01:22.000Z (about 5 years ago)
- Last Synced: 2025-01-08T18:13:27.732Z (5 months ago)
- Language: CSS
- Size: 38.1 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## View Live Demo at https://languagexange.github.io/FetchAPI/
### Learning notes:
- Use Fetch instead of XMLHttpRequest
- Create a search bar to filter the movie title
- Understand the difference between source code and DOM
(You'll notice that many tags are created in script.js rather than in html)
Resources:
1. Connect to API: https://www.taniarascia.com/how-to-connect-to-an-api-with-javascript/
2. Create a filter: https://www.w3schools.com/howto/howto_js_filter_lists.asp
3. Studio Ghibli API: https://ghibliapi.herokuapp.com/
#### To do :
- create a "read more" button to display the full paragraph
- create a release date label
- play around with the API and discover other possibilities