Skip to content

joshuahunt10/offline_db_example

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Offline React App

This app was created following a tutorial at https://blog.logrocket.com/building-an-offline-first-app-with-react-and-rxdb-e97a1fa64356?t=7

What is this App?

This app is a display of the offline capabilities of RxDB in conjuction with CouchDB.

Features

  • Ability to work offline and take in data, store it in a client side DB and then sync to server DB.
  • The app runs in multiple tabs and marks the leading tab.
  • The apps will sync with each other when both are open
  • Database events are signaled by a pop up in the browser

Node Modules

  1. Concurrently - For the ability to run two npm scripts at the same time
  2. moment - Used to format dates
  3. pouchdb-server - The server side database
  4. pouchdb-adapter-http - An adapter for communicating with an external CouchDB database.
  5. pouchdb-adapter-idb - An adapter to use IndexedDB in a browser.
  6. pouchdb-replication - PouchDB's replication and sync algorithm
  7. rxdb - client side database
  8. rxjs - This helps RxDB handle data correctly
  9. serve - For offline testing. This will be our HTTP server
  10. react-toastify - This shows notifications in the app for database events

About

Learning how to create an offline client side DB

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published