GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → sanchitnevgi → Remember

sanchitnevgi / Remember

The progressive offline Todo app

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

reactreduxwebpackfirebaseofflineindexeddb

Projects that are alternatives of or similar to Remember

Todo Angular Firebase
Todo app with Angular CLI • AngularFire2 • Firebase • OAuth • SW-Precache
Stars: ✭ 517 (+148.56%)
Mutual labels:  firebase, offline
Vuefront Nuxt
Vuefront Nuxt module for building components based on config.
Stars: ✭ 16 (-92.31%)
Mutual labels:  webpack, offline
Angular Async Local Storage
Efficient local storage module for Angular apps and PWA: simple API + performance + Observables + validation
Stars: ✭ 539 (+159.13%)
Mutual labels:  indexeddb, offline
Firefly
Web app boilerplate for beginners based on Firebase and React 🔥
Stars: ✭ 204 (-1.92%)
Mutual labels:  webpack, firebase
Domsnap
Offline web pages by persist DOM to IndexedDB/WebSQL
Stars: ✭ 75 (-63.94%)
Mutual labels:  indexeddb, offline
Sol Journal
✎ Simple, personal journaling progressive web app
Stars: ✭ 470 (+125.96%)
Mutual labels:  firebase, offline
Dexie.js
A Minimalistic Wrapper for IndexedDB
Stars: ✭ 7,337 (+3427.4%)
Mutual labels:  indexeddb, offline
React Dynamic Route Loading Es6
Auto chunking and dynamic loading of routes with React Router and Webpack 2
Stars: ✭ 297 (+42.79%)
Mutual labels:  webpack, offline
Prestashop
Free PWA & SPA for PrestaShop
Stars: ✭ 59 (-71.63%)
Mutual labels:  webpack, offline
React Redux Quotlify
A quote browser and manager that allows one to search famous quotes and save them to a data store
Stars: ✭ 47 (-77.4%)
Mutual labels:  webpack, firebase
Preact Starter
Webpack3 boilerplate for building SPA / PWA / offline front-end apps with Preact
Stars: ✭ 384 (+84.62%)
Mutual labels:  webpack, offline
Bento Starter
🍱 Full-Stack solution to quickly build PWA applications with Vue.js and Firebase
Stars: ✭ 1,519 (+630.29%)
Mutual labels:  firebase, offline
Localforage
💾 Offline storage, improved. Wraps IndexedDB, WebSQL, or localStorage using a simple but powerful API.
Stars: ✭ 19,840 (+9438.46%)
Mutual labels:  indexeddb, offline
Offline Plugin
Offline plugin (ServiceWorker, AppCache) for webpack (https://webpack.js.org/)
Stars: ✭ 4,444 (+2036.54%)
Mutual labels:  webpack, offline
React Hot Redux Firebase Starter
🌋 React + Redux + Firebase + Webpack + React Hot Loader 3 + React Router in one boilerplate
Stars: ✭ 375 (+80.29%)
Mutual labels:  webpack, firebase
Vue Wordpress Pwa
An offline-first SPA using Vue.js, the WordPress REST API and Progressive Web Apps
Stars: ✭ 665 (+219.71%)
Mutual labels:  webpack, offline
sync-client
SyncProxy javascript client with support for all major embedded databases (IndexedDB, SQLite, WebSQL, LokiJS...)
Stars: ✭ 30 (-85.58%)
Mutual labels:  offline, indexeddb
Dsw
Dynamic Service Worker - making your offline Progressive Web Apps way easier
Stars: ✭ 277 (+33.17%)
Mutual labels:  indexeddb, offline
Tris Webpack Boilerplate
A Webpack boilerplate for static websites that has all the necessary modern tools and optimizations built-in. Score a perfect 10/10 on performance.
Stars: ✭ 1,016 (+388.46%)
Mutual labels:  webpack, offline
React Most Wanted
React starter kit with "Most Wanted" application features
Stars: ✭ 1,867 (+797.6%)
Mutual labels:  firebase, offline
View All Similar Projects ➔

What is this?

Remember is a progressive modern offline todo (go figure) web-app I built to learn about progressive webapps or PWA. It uses app shell architecture and IndexedDB to make the app available offline.

You can find out more from the blog post here.

The live demo is hosted on firebase. Add the app to your homescreen by selecting 'Add to Homescreen' in your browser's options.

What's in it?

This project was bootstrapped with Create React App.

Tools I've used to bring this to life.

The big ones

  • React
  • Redux
  • Webpack (ES6)
  • Firebase

Supporting libraries

  • react-motion - Animation library using spring dynamics
  • redux-saga - Side-effects library
  • react-redux - React/Redux bindings
  • react-hammerjs - Wrapper around HammerJS
  • localforage - Wrapper library around IndexedDB
  • classnames - Utility to manage css classes
  • color-string - Utility to manipulate color-strings
  • shortid - Utility to generate unique ids
  • sw-precache - Generate service-worker boilerplate

Available Scripts

First install all the dependencies by running yarn

In the project directory, you can run:

yarn start

yarn run build

yarn run build-offline

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].