In this tutorial, you’ll learn how to create a Google Map with React.js and Typescript. The app will find the nearest bars both by click and geolocation.

Starter files: https://github.com/weibenfalk/barfinder

Chapters in video:

• 0:00 - Intro
• 0:50 - Tech used and starter files
• 7:29 - Create the Google Map
• 19:17 - API data and Map Markers
• 41:25 - API for water data
• 55:49 - Geolocation

The following libraries are used in the video:

• Typescript (https://www.typescriptlang.org/)
• React JS (https://reactjs.org/)
• Styled Components (https://styled-components.com/)
• React-Query (https://react-query.tanstack.com/)
• Google Maps (https://developers.google.com/maps/documentation)
• Rapid API (https://rapidapi.com/marketplace)
• @react-google-maps/api (https://www.npmjs.com/package/@react-google-maps/api)

#typescript #react #google-maps