You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: projects/build-a-cafe-finder-with-javascript/build-a-cafe-finder-with-javascript.mdx
+7-8Lines changed: 7 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -4,12 +4,13 @@ author: Gabriela Banaag
4
4
uid:
5
5
datePublished: 2025-08-06
6
6
description:
7
-
header: https://imgur.com/a/iz4inIW
7
+
header: https://i.imgur.com/VKm4oPJ.gif
8
+
8
9
tags:
9
10
---
10
11
11
12
<BannerImage
12
-
link="https://imgur.com/a/iz4inIW"
13
+
link="https://i.imgur.com/VKm4oPJ.gif"
13
14
description=""
14
15
uid={false}
15
16
cl="for-sidebar"
@@ -25,7 +26,7 @@ tags:
25
26
/>
26
27
27
28
<BannerImage
28
-
link="https://imgur.com/a/iz4inIW"
29
+
link="https://i.imgur.com/VKm4oPJ.gif"
29
30
description=""
30
31
uid={false}
31
32
/>
@@ -185,8 +186,6 @@ If the API finds results for nearby cafes, we’ll take that data and insert it
185
186
186
187
We’re gonna create a wrapper for our cards, and inject data from the API into the wrapper as we go. To start, let’s make a function called ``displayCards()`` that renders a div container whenever the website starts up.
187
188
188
-
<ImageZoomsrc="https://imgur-url-here.png"style={{ width: "60%", height: "auto" }}alt="alt text here"/>
189
-
190
189
We’ll start by creating a container that takes the first saved cafe in our cafe options. We’ll make the content of this card blank for now, and fill it in with information when we use the Places API.
A****library**** is a collection of reusable resources like functions, classes, and pieces of pre-written code. An**API****** is a an interface that lets your code communicate with another application.
260
+
A****library**** is a collection of reusable resources like functions, classes, and pieces of pre-written code. An**API****** is an interface that lets your code communicate with another application.
0 commit comments