React Movie Chat

Demo

Tech

• React - A JavaScript library for building user interfaces.
• redux-form - The best way to manage your form state in Redux.
• Lodash - A modern JavaScript utility library delivering modularity, performance & extras.
• Firebase - Firebase Realtime Database.
• Material-UI - React components that implement Google's Material Design.

Installation

$ cd react-movie-chat
$ npm install
$ npm start

What could be improved?

• Formatting data within the table
• Add pagination to the table to improve performance when loading or sorting.
• Include React Router to have the comments on another page.
• Improve user experience when clicking to a movie (row), for instance the raw can be highlighted when hovering.
• Add a type checker like Flow.
• Create another container component for movie comments and separate the presentation component.
• Add unit testing (Jest, Enzyme).