<aside> 💡 LIVE DEMO LINK: https://editor.p5js.org/iguannalin/sketches/daAlsFqh2

</aside>

<aside> 💡 Goal: Make a stupid p5 sketch with a stupid API

</aside>

Stupid Q1: What are websites?

HTML + CSS + JS = a website

or,

a frontend + a backend (maybe) = a website

What happens when you type a URL into a browser address bar? What’s the difference between a local and hosted server?

https://images.unsplash.com/photo-1560692901-45d529ed05bf?ixlib=rb-4.0.3&q=85&fm=jpg&crop=entropy&cs=srgb

https://www.howtogeek.com/wp-content/uploads/2016/10/img_58139f451729a.png?width=1198&trim=1,1&bg-color=000&pad=1,1

Everything is like one giant file directory.

https://eshop.macsales.com/blog/wp-content/uploads/2017/07/Folder-icon-284x284-1-284x284.png

When local, everything you are referring to is stuff within your file directory.

When hosted, everything you refer to via a URL is either a file (index.html) or a redirection to a file or data/asset.

Stupid Q2: What is an API?

Imagine you are collecting data on the different types of dogs that live in NYC. Now let’s say you have all this data stored on one large excel sheet.

How would you store data online so that people could access it?

The answer is an API!

An API is an interface, like a middle person between your website and a data server (i.e. a server hosting data you want).

Screenshot 2023-06-19 at 19.17.02.png

Stupid Q3: How to parse a URL