https://github.com/phalbert/studio_ghibli_client

this simple web app that connects to a Studio Ghibli API, retrieves the data with JavaScript, and displays it on the front end of a website.
https://github.com/phalbert/studio_ghibli_client

javascript javascript-client xmlhttprequest

Last synced: about 1 year ago
JSON representation

this simple web app that connects to a Studio Ghibli API, retrieves the data with JavaScript, and displays it on the front end of a website.

• Host: GitHub
• URL: https://github.com/phalbert/studio_ghibli_client
• Owner: phalbert
• Created: 2019-08-28T06:33:19.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2019-08-28T09:06:15.000Z (over 6 years ago)
• Last Synced: 2025-01-23T07:29:43.531Z (about 1 year ago)
• Topics: javascript, javascript-client, xmlhttprequest
• Language: JavaScript
• Size: 651 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# studio_ghibli_client  [![Netlify Status](https://api.netlify.com/api/v1/badges/e70825fe-be82-4d80-bd04-b9810459cc86/deploy-status)](https://app.netlify.com/sites/admiring-carson-3e0571/deploys)

This simple web app connects to a Studio Ghibli API, retrieves the data with JavaScript, and displays it on the front end of a website.

This is not meant to be an extensive resource on APIs or REST - just the simplest possible example to get up and running that you can build from in the future. We'll learn:

* What a Web API is.

* Learn how to use the HTTP request GET with JavaScript

* How create and display HTML elements with JavaScript.

It will look like this:

[Demo](https://admiring-carson-3e0571.netlify.com/)

![Look](assets/demo.png)

## Structure

The project consists of index.html, style.css, and scripts.js at the end. This HTML skeleton just links to a CSS and JavaScript file, loads in a font, and contains a div with a root id. This file is complete and will not change. We'll be using JavaScript to add everything from here out.

## Reference

[How to Connect to an API with JavaScript](https://www.taniarascia.com/how-to-connect-to-an-api-with-javascript/)