Ionic app overview - Maps, Markers, Overlays and fetching API data with React (Restaurant finder)
In this video I take you through an app that I've released on the Ionic React Hub. The Restaurant finder app - This app allows you to see places with a type of restaurant or takeaway in a certain radius based on your current location or a current point.
The app uses various different packages in React to achieve this. A custom nodejs server is also included to create simple API endpoints for fetching the data from the Yelp Developer API.
I also used Pullstate which is a global state management package for React.
The maps package used is Pigeon Maps, you can find a link below.
#############################
🔗 Ionic React Restaurant App (with code)
https://ionicreacthub.com/ionic-resta...
🔗 Pigeon Maps (React package)
https://pigeon-maps.js.org
🔗 Yelp Developer API
https://www.yelp.com/developers
🔗 Pullstate Global State Management
https://lostpebble.github.io/pullstate/
🎉 Reach out to me
/ 93alan
💙 UI Examples with Code and Live Demos
https://ionicreacthub.com
#############################
00:00 Introduction
01:45 Pigeon Maps & Yelp
04:10 App Demo
10:58 Code run through
11:05 Node Server
14:31 Map, Marker and Overlays
18:56 Button to fetch more records
#ionic #capacitor #webnative #react #hooks #maps #statemanagement #reactjs #ionicreact