Hello and welcome! Wellminder is a full stack, responsive web application built with React and D3 that tracks and "gamifies" wellness, encouraging users toward positive health choices. This app was built in 5 days by @Rmcavin, @mandafae, and @dtthor for our Q3 project at Galvanize in Austin, TX.
The app is deployed here!
- HTML & CSS(Materialize)
- React
- D3
- Node
- Firebase (Auth and database storage)
- Heroku
This is the first non-trivial full stack React application that any of us have built, and it came with it's fair share of challenges. Here are a few of them and how we conquered them:
- Successfully passing state from parent to child React components (and more importantly back from children to their parent).
- ‘this’ binding on the parent component was particularly helpful, as well as passing the state to the children components as props.
- Whether to use Redux to assist us in state management or not.
- We decided against Redux because our app only has one parent component and 5 children components, all siblings. If our app went down one or two more levels it would have made more since to use Redux, but since it was just two levels total we decided Redux would have been unnecessary and/or more confusing than helpful.
- Sending and storing our data properly in Firebase.
- Firebase doesn’t store Javascript arrays natively, which was a little annoying, but we were able to work around this by sending it two objects in a list, sort of tricking firebase into accepting the array we were trying to send it.