https://github.com/kastentx/react-pwa

PWA Built with React, showcasing Offline First capabilities.
https://github.com/kastentx/react-pwa

offline pouchdb pwa react

Last synced: 1 day ago
JSON representation

PWA Built with React, showcasing Offline First capabilities.

• Host: GitHub
• URL: https://github.com/kastentx/react-pwa
• Owner: kastentx
• Created: 2017-08-01T16:07:54.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-09-01T15:26:13.000Z (about 7 years ago)
• Last Synced: 2024-08-01T22:46:36.242Z (3 months ago)
• Topics: offline, pouchdb, pwa, react
• Language: JavaScript
• Size: 165 KB
• Stars: 6
• Watchers: 2
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# OFFLINE FIRST PWA

### w/ React, 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:3000 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:3000` to see your app runninig in your browser.

## Testing Service Workers/Offline Support

1. In Cloudant add http://localhost:5000 to the list of origin domains.

2. Run `npm run build` to run a production build.

3. Run `npm install -g serve` to install serve.

4. Run `serve -s build` to serve the production build.

5. Navigate to `http://localhost:5000` to see your app runninig in your browser.