After updating semantic-ui the add plate button is gone.

Switch to using a global store instead of multiple mini stores since there is really not that much state needed.

Make layout into an entire html document with html, head, and body.

When there are no Plates perhaps All Plates Wiped, Grab A New Plate to Start

Add theming for the status bar on iPhone and header color for android.

Add protection to authenticated routes. Ex. /dashboard

This should go away once react-sematic-ui pushes an update

Look into Dragula, ReactDND or React-Motion for the dashboard to make the plates draggable.

https://github.com/chenglou/react-motion

https://github.com/bevacqua/react-dragula

https://github.com/gaearon/react-dnd

Completely get rid of bootstrap and use rebass

Look into using next.js instead of CRA.

https://github.com/zeit/next.js

Switching to this would allow server rendering, service workers, different router, custom .babelrc allowing to use decorators with mobx and more.

• Figure out why firebase onAuthChange is throwing an error when the component is mounted and changing state

Page isn't viewable.

Error: MobX observer: Store 'store' is not available! Make sure it is provided by some Provider

https://github.com/rauchg/blog

This example uses next.js so ideally it should work well

Remove rebass and reflexbox once semantic is all in place

Wire up firebase to work with mobx

Figure out why react is throwing an error with SSR when visiting the dashboard, the markup varies between client and server.

Start using redux

Pull in react-bootstrap to use as the grid because there is really nothing else out there that looks good.

Need to come up with a good way to let users add plates, add items to their plates, and edit whats inside of the "dishes" in each plate. So for example, a user creates a plate for planning a picnic. They create the picnic plate, they can then add "dishes" to this plate, for example, buy groceries, the inside of this grocery dish they can add to-do lists, tables, images and so on to let them organize this buy groceries dish.

Go ahead and migrate to react-router v4

Switching to Material-UI now because it works better with next and SSR.

Use radium-grid maybe instead of the drag and drop one currently since its kind of buggy.

Add proptypes and general cleanup of code

Create a basic landing/home page

Come up with an overall color scheme for the app

Find a grid component to use

The Grab A New Plate button should look like a Plate. Perhaps being on a sidebar would look better.

Finish porting everything over to react-semantic-ui

Close the sidebar when it's in the open state and you click outside of it.

• Use Firebase as the database to get access to authentication, storage etc.

Fix dashboard layout on iPad portrait to let only two plates per row

Use aphrodite for all styles to keep styles with each component.

Use now to deploy instead of firebase hosting. Update Travis script to deploy using now.

See if we can move some of the local state into the redux store

Add checks that navigator.credentials is supported and add auto login.

Make dashboard layout look nicer

Should a drawer be used for links instead of in the Navbar?

Use decorators for mobX now that next.js is being used and allows plug-ins to be used.

• Use either redux or mobx to manage state

Should we switch to Next.js instead of create-react-app

I think redux was a little overkill for this project at the moment so i'm going to look into mobx to get some of the local state out of each of the components, and create "stores" for the components that need a lot of state changes.

Start to refactor some of the larger components into smaller ones

Create the page for filling a plate with todo lists, images, etc.

Figure out global CSS for the body using styled jsx.

Pop up a modal to let the users create a plate with a descriptions, priority, name etc instead of just creating the default one.

Should show the total number of Plates that are open and close.

Login, register, and forgot password broke after moving firebase into its own folder

Switch from Material-UI to react-bootstrap because of many issues with responsiveness

Write tests once the issues with jest and file watching are fixed in create-react-app

Use reflexbox as the grid instead of pulling in bootstrap