/dad-helper-alt

React/Redux web-app using an API to help new parents engage with their baby.

Primary LanguageJavaScript

Dad Helper

Baby Tips for Clueless Dads | 07.15.2018

By Max Scher

Description

This web application is designed to help new dads find meaningful ways to engage their child based on age and current developmental phase. The app works in tandem with the Dad Helper API, which communicates with a mongoDB database at mLab.com.

Current version of this app is deployed via heroku at Dad-Helper

User Stories

  • User can submit the age-range of their baby to receive a list of skills the baby may currently exhibit.
  • User can select one or more of the returned skills and click 'submit' to receive a list of games that they can play with their baby to enhance and utilize the aforementioned skills.

Screenshot(s)

Screenshot

View All

Setup/Installation

In Terminal... git clone https://github.com/maxobaxo/dad-helper-alt
cd dad-helper-alt
npm install
npm run start

cd ..
git clone https://github.com/maxobaxo/dad-helper-api
cd dad-helper-api
npm install
npm run start

In your browser, visit https://localhost:8080, and begin filling out the form.

Wishlist

  • Expand the database at mLab.com to include a much larger set of data to work with.
  • Add user authentication to create personalized user accounts information.
    • Create functionality for users to save returned games that they like to their profile.
    • Add ability to save data for multiple children.
  • Add user ability to contribute games to the database, crowdsourcing it!

Technologies Used

React JS
Redux
Express JS MongoDB React-Toolbox
Webpack
Babel
Jest
Isomorphic Fetch

Known Bugs / To-Do List

  1. 404 Error for favicon.
  2. selected attribute for <select> tag in AgeForm.jsx is deprecated, and there is no protection against submitting form with invalid value of 'Select an Age Range'.

License Information

This web application is free to use under the MIT License © Max Scher