# Install MAZANOKE as Web App

MAZANOKE can be installed as a Progressive Web App (PWA), letting you use it like a native app on your device.

Visit [MAZANOKE.com](https://mazanoke.com) and click the "Install" button in the top-right corner. This button appears when MAZANOKE detects browser support for PWA.

**If you don’t see the "Install" button, you can still manually install MAZANOKE in just a few simple clicks**, see how in the section "[Manual install](#manual-install)".

<img src="../.github/images/install-web-app/capture-install-pwa-button.png" alt="Install MAZANOKE progressive web app button" height="100">

## Manual Install

Instructions are provided for all major browsers, but the steps are similar for derivative browsers. As of writing, the desktop version of Firefox does not natively support PWA.

**Desktop**
- [Chrome](#chrome-desktop)
- [Safari](#safari-desktop)

**Mobile**
- [Firefox](#firefox-mobile)
- [Chrome](#chrome-mobile)
- [Safari](#safari-mobile)

### Chrome (Desktop)

1. Click the three-dot icon to open the more menu.
1. Move the cursor to hover "Cast, save, and share".
1. Click "Install page as app".
1. A prompt will show up, click "Install".

<img src="../.github/images/install-web-app/install-pwa-chrome-desktop.jpg" alt="Install MAZANOKE progressive web app on Chrome desktop" width="1200">

### Safari (Desktop)

1. Click and open the share sheet.
1. Click "Add to Dock".
1. A prompt will show up, click "Add".

<img src="../.github/images/install-web-app/install-pwa-safari-desktop.jpg" alt="Install MAZANOKE progressive web app on Safari desktop" width="1200">

### Firefox (Mobile)
1. Tap the three-dot icon to open the more menu.
1. Tap "Add App to Home Screen".
1. A prompt will show up, tap "Add".

<img src="../.github/images/install-web-app/install-pwa-firefox-mobile.jpg" alt="Install MAZANOKE progressive web app on Firefox mobile" width="1200">

### Chrome (Mobile)
1. Tap the three-dot icon to open the more menu.
1. Tap "Add to Home screen".
1. A prompt will show up, tap "Install".

<img src="../.github/images/install-web-app/install-pwa-chrome-mobile.jpg" alt="Install MAZANOKE progressive web app on Chrome mobile" width="1200">


### Safari (Mobile)
1. Tap and open the share sheet.
1. Tap "Add to Home Screen".
1. A prompt will show up, tap "Add".

<img src="../.github/images/install-web-app/install-pwa-safari-mobile.jpg" alt="Install MAZANOKE progressive web app on Safari mobile" width="1200">