Mapbox (Interactive UI)

• Our custom frontend map is powered by Mapbox GL JS.
• It relies on exact latitude and longitude coordinates stored in the artworks table to plot custom markers for each AR lens location.

Resources

1. https://www.youtube.com/watch?v=6iuYks5oUZM&t=1742s
2. Documentation

Finding & Adding Coordinates (Admin)

When adding a new artwork or merchant location via the /admin/dashboard, we need the precise coordinates.

1. Google Maps: Right click on the location to get the coordinates

1. bboxfinder.com

Google Maps Links

While Mapbox provides frontend map, we rely on Google Maps for actual user navigation. I am using latitude and longitude to dynamically generate the links

https://www.google.com/maps/search/?api=1&query={lat},{lng}

Resources:

1. Documentation

SendGrid

We are using SendGrid to handle emails when users claim an offer. When a server action process a claim. it triggers SendGrid to email the user their reward voucher.

Resources:

1. Documentation