mistakenelf / plate-app Goto Github PK

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

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

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.

Start to refactor some of the larger components into smaller ones

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

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

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

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

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

Remove rebass and reflexbox once semantic is all in place

Completely get rid of bootstrap and use rebass

Create a basic landing/home page

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

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

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

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

Find a grid component to use

Add protection to authenticated routes. Ex. /dashboard

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

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

Wire up firebase to work with mobx

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

Figure out global CSS for the body using styled jsx.

Go ahead and migrate to react-router v4

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

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.

Finish porting everything over to react-semantic-ui

https://github.com/rauchg/blog

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

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.

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

• Use either redux or mobx to manage state

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

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.

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

Use reflexbox as the grid instead of pulling in bootstrap

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

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

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

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

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

Start using redux

Add proptypes and general cleanup of code

Come up with an overall color scheme for the app

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

Make dashboard layout look nicer

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

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

Page isn't viewable.

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

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