https://github.com/simonprickett/fundamental-js-meetup-fetch-exercise
Fetch API Exercise from San Diego JS Fundamental JS Meetup April 25 2018.
https://github.com/simonprickett/fundamental-js-meetup-fetch-exercise
fetch-api flexbox-layout javascript randomuser-api
Last synced: 2 months ago
JSON representation
Fetch API Exercise from San Diego JS Fundamental JS Meetup April 25 2018.
- Host: GitHub
- URL: https://github.com/simonprickett/fundamental-js-meetup-fetch-exercise
- Owner: simonprickett
- License: mit
- Created: 2018-04-26T04:53:23.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2018-04-26T05:07:54.000Z (about 7 years ago)
- Last Synced: 2025-02-09T09:29:49.825Z (4 months ago)
- Topics: fetch-api, flexbox-layout, javascript, randomuser-api
- Language: HTML
- Homepage: https://simonprickett.dev/
- Size: 1.9 MB
- Stars: 0
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Fetch API Demo for San Diego JS Exercise
## Overview
Demo that I put together with [Grant](https://github.com/grantglidewell) as part of the coding exercises for San Diego JS "Fundamental JS" meetup on April 25th 2018.
The aim was to use the [Fetch API](https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/fetch) to get data from a remote source and display it on a page.
This demo uses the excellent [randomuser.me API](https://randomuser.me/documentation) to get random person data, and displays some of it using a [flexbox](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox) layout.
Additionally it uses CSS and icons from [flag-icon-css](http://flag-icon-css.lip.is/) to show the national flag of each user returned.
## Demo
[Try it out on GitHub Pages](https://simonprickett.github.io/fundamental-js-meetup-fetch-exercise/).
## Running Locally
Clone this repo, then cd to it and serve it using a static web server.
### With Python
```
python -m SimpleHTTPServer
```
Then visit `http://localhost:8000`.
### With Node.js
```
npm install -g node-static
```
cd to wherever you cloned the repo to, then:
```
static .
```
Then visit `http://localhost:8080`.