search

grimmer0125 / simple-chat

React + Google's Firebase. No webpack/browserify needed. Local test: use any http server or Drag index.html to Firefox to test this app.
https://grimmer.io/simple-chat/
MIT License
1 stars 2 forks source link

function, issue/todo list #1

Open grimmer0125 opened 6 years ago

grimmer0125 commented 6 years ago

The functionalities:

  1. use email to sign-up or login. A dummy email address is acceptable.
  2. browse the registered user list.
  3. text chat with someone
  4. sign out & autologin

issue/todo list:

  1. extract sign-up to an individual page.
  2. add Email Verification
  3. fine tune UI, such as using material-ui to polish it.
  4. add friend list and permission level setting (e.g. public vs nonpublic)
  5. add message list
  6. let users choose nickname.
  7. mobile UI optimization
  8. add number of messages badge
  9. [bug] too long text will result in right alignment failure.
  10. use Firebase best practice: DB design in https://firebase.google.com/docs/database/web/structure-data
  11. use pure function style for some React UI
  12. loading indicator.
  13. client side routing
grimmer0125 commented 6 years ago

multiple call this.syncUserList(); will trigger multiple callback for the same event, duplicate.

p.s. singout will unregister all "on" event but it can not solve this case. just note