This project was an exploration into Progressive Web App (pwa) technologies as well as leveraging mobile GPS. It was intentionally built without a backend framework to be as lightweight as possible.
The idea was to see if we could design an app that would trigger a poem when the user entered predetermined zones along the Davis bike path. Utilizing the pre-caching techniques of the PWA to help reach areas that might be cut off from strong data connections.
The two essential parts to this equation are the manifest and the service-worker files. These are needed to pass the audits to be categorized as a progressive web app and eligible for installation on the home screen.
[ ] Need to dynamically set variables instead of hard-coding each one
If you are a part of the Design Hub and want to test this locally:
- Download the zip file
- Unzip into your local directory
- Open the folder with your code editor of choice (I'm using VS Code)
- Run it on your local server (I'm using Live-Server VS Code extension)
- The UI is optimized for mobile devices so go into your dev tools and choose the mobile or responsive layout
- You can see the cache being stored in the "Application" tab under the "Cache Storage" option.
- Access the "More Tools" menu option (in Chrome) by selecting the 3 dots.
- Select "Sensors" to bring up the option to simulate GPS locations.
- Turn the toggle on the app to "On" and set different locations to see the updated output.
I'm open to design feedback!