dog-walker 🐕

React typescript demo app to invite fellow dog owners to walks with your dog :)

The app showcases the following features:

• OpenId authentication with IdentityServer
• Fully installable PWA
• Web notifications using FCM
• Interactive map with Mapbox

The corresponding backend project is dog-walker-api

Using this project

You will need to setup a few things:

• Setup identity server: an example can be found in one of my other repos reactjs-ts-identityserver

• Create a free Mapbox account and set the following environment variables

  • MAPBOX_TOKEN
  • MAPBOX_STYLE

• Create a firebase account and add the config file src/config/firebase.ts

• Set the messagingSenderId in serviceWorker.js file

npm install

npm start

Production build

You need to add your own webpack.prod.ts file and specify your own endpoints and mabox key. I'm hosting this app on Azure Storage static website

npm run build