brunoaltinet / store-locator-with-algolia-mapbox-twilio

Store locator with "Click & Collect" / "Buy Online, Pickup at Store" capabilities

#Store Locator with "Buy Online, Pickup at Store" capability, using Algolia, Mapbox and Twilio

This sample app leverage Algolia with Instant Search, Autocomplete and Mapbox

Features

The sample app uses the following features :

• Algolia Instant Seach React : 📘
• Algolia Autocomplete : 📘
• Mapbox GL.js : 📗
• Mapbox Geocoding API : 📗
• Twilio Programmable SMS : 📕
• Clever Cloud : 📙

Demo (Try it yourself!)

The project demo has been deployed on Clever-cloud, you can find it here (the SMS feature has been removed for obvious reasons)

Access the demo

How to run the sample app locally

The sample app implements the front-end in React, so you'll need nothing installed on your machine except Node & npm / yarn

1. Clone this repository

git clone https://github.com/algolia-samples/store-locator-with-algolia-mapbox-twilio

Copy the file .local.env to the directory and provide the right values

# TAKEN FROM YOUR ALGOLIA DASHBOARD 
REACT_APP_ALGOLIA_APP_ID='' 
REACT_APP_ALGOLIA_API_KEY=''
REACT_APP_ALGOLIA_INDEX_NAME=''

# TAKEN FROM YOUR MAPBOX CONSOLE
REACT_APP_MAPBOX_TOKEN=''

# TAKEN FROM YOUR TWILIO FUNCTION SERVICE
REACT_APP_TWILIO_FUNCTION_URL=''

2. Run it

yarn dev

Ressources

• 📺 Watch the livecoding on Youtube
• 📰 Read Blog post #1
• 📰 Read Blog post #2
• 📰 Read Blog post #3 : soon

Authors & Maintainers

	Name	Social links
	Clément SAUVAGE	Github - Twitter
	Alexandre COLLIN	Github - Twitter
	Julie REBOUL	Twitter