https://github.com/kastentx/preact-shopping-list

An Offline First PWA built with Preact and PouchDB/Cloudant
https://github.com/kastentx/preact-shopping-list

cloudant couchdb offline pouchdb preact

Last synced: 2 months ago
JSON representation

An Offline First PWA built with Preact and PouchDB/Cloudant

• Host: GitHub
• URL: https://github.com/kastentx/preact-shopping-list
• Owner: kastentx
• Created: 2017-08-07T17:23:46.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-09-01T01:01:03.000Z (over 7 years ago)
• Last Synced: 2024-08-01T22:46:36.390Z (5 months ago)
• Topics: cloudant, couchdb, offline, pouchdb, preact
• Language: JavaScript
• Size: 189 KB
• Stars: 15
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# OFFLINE FIRST PWA

### w/ Preact, PouchDB, Cloudant

Nick Kasten

IBM Dev Intern

Summer 2017

## Quick Start

1. `git clone` this repo and `cd` into the project's root directory.

2. Execute `mv src/sample-secret.js src/secret.js` from the root directory.

3. Create a new database in your Cloudant instance.

4. Enable CORS in Cloudant and add http://localhost:8080 to the list of origin domains.

5. Add your Cloudant URL to `src/secret.js`.

6. Execute `npm install` from the root directory of the project to install dependencies.

7. Use `npm start` to start the development server and launch your app.

8. Navigate to `http://localhost:8080` to see your app runninig in your browser.

## Testing Service Workers/Offline Support

1. In Cloudant add https://localhost:8080 to the list of origin domains.

2. Run the application with `npm run serve`.

3. Navigate to `https://localhost:8080` to see your app runninig in your browser.