Skip to content

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

License

Notifications You must be signed in to change notification settings

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

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

#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 video on Youtube : here
  • 📰 Read Blog post #1 : here
  • 📰 Read Blog post #2 : here
  • 📰 Read Blog post #3 : here

Authors & Maintainers

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

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 43.0%
  • HTML 37.0%
  • CSS 20.0%