Skip to content

Commit d1938c6

Browse files
authored
Update build-a-cafe-finder-with-javascript.mdx
added missing links, changed image links, deleted unnecessary images
1 parent d96f38b commit d1938c6

File tree

1 file changed

+7
-8
lines changed

1 file changed

+7
-8
lines changed

projects/build-a-cafe-finder-with-javascript/build-a-cafe-finder-with-javascript.mdx

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,13 @@ author: Gabriela Banaag
44
uid:
55
datePublished: 2025-08-06
66
description:
7-
header: https://imgur.com/a/iz4inIW
7+
header: https://i.imgur.com/VKm4oPJ.gif
8+
89
tags:
910
---
1011

1112
<BannerImage
12-
link="https://imgur.com/a/iz4inIW"
13+
link="https://i.imgur.com/VKm4oPJ.gif"
1314
description=""
1415
uid={false}
1516
cl="for-sidebar"
@@ -25,7 +26,7 @@ tags:
2526
/>
2627

2728
<BannerImage
28-
link="https://imgur.com/a/iz4inIW"
29+
link="https://i.imgur.com/VKm4oPJ.gif"
2930
description=""
3031
uid={false}
3132
/>
@@ -185,8 +186,6 @@ If the API finds results for nearby cafes, we’ll take that data and insert it
185186

186187
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.
187188

188-
<ImageZoom src="https://imgur-url-here.png" style={{ width: "60%", height: "auto" }} alt="alt text here"/>
189-
190189
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.
191190

192191
```jsx
@@ -258,7 +257,7 @@ container.appendChild(wrapper);
258257
<aside>
259258
💡
260259

261-
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.
262261

263262
</aside>
264263

@@ -372,7 +371,7 @@ container.appendChild(card);
372371
373372
Here's my final result:
374373
375-
<ImageZoom src="https://imgur.com/a/TuZpvsR" />
374+
<ImageZoom src="https://i.imgur.com/qfYI134.gif" />
376375
377376
You did it! Enjoy your newly built cafe finder and be sure to treat yourself to a coffee, chai, matcha, or boba to celebrate your hard work. 🍵 
378377
@@ -389,6 +388,6 @@ If you’re looking for another challenge or a way to spice up your project, you
389388
390389
## ### Additional Resources
391390
392-
- GitHub repository
391+
- [GitHub repository with all the code](https://github.com/gbanaag/codedex-cafe-curator)
393392
- YouTube video (coming soon!)
394393
- [Places API Documentation](https://developers.google.com/maps/documentation/places/web-service/overview#how-use)

0 commit comments

Comments
 (0)