/tallyapp

Real-time polling with React.js and Firebase

Primary LanguageJavaScript

React-sandbox

Single page real-time polling app, using React.js and Firebase. Code Climate

Yeoman generator used: https://github.com/randylien/generator-react-gulp-browserify

1. Install

$ npm install -g gulp 
$ npm install -g firebase-tools
$ npm install

2. Run

Build and watch with browsersync

$ gulp watch

Deploy stuff

$ gulp build
$ firebase deploy
$ firebase open

Todo

Current

  1. Add indexes to firebase
  2. Show poll results on vote
  3. Basic dashboard
  4. Remove denormalised counts (firebase does it for you?)
  5. Welcome page on first login
  6. Make feed tab look respectable

Backlog

  1. Cleaner login checks for each page (wrap componentWillMountCheck into function?)

  2. Move poll date code (and refresh) into component

  3. Finalise app structure (routes)

  4. Poll post throttling

  5. Poll add client validation

  6. Poll add firebase rules

  7. Write register function for user

  8. Update user's last logged in on login

  9. Disable/enable certain header tabs if not logged in/out

  10. HTML5 location API integration

  11. Feed ordering

  12. Pagination

  13. Loading gif

  14. Paginate results

Issues

  1. Firebase feed ref being readded each time component is mounted
  2. Adding poll updates unmounted Feed
  3. Bootstrap css and js not being imported properly (see yo generator)
  4. Logging in same user on different multiple devices doesn't work
  5. Navigation sometimes requires refresh