Baby Book

Created With:

  • Javascript
  • React
  • Bootstrap
  • CSS
  • FireBase Authorization
  • FireStore
  • Figma
  • FontAwesome

Register and Login System

  • Users log in as customers.
  • You can try it out with username: test@test.com and pw: testuser
  • Authentication is provided by Firestore.
  • Private Routes can't be access unless user is authenticated.

User Experience

  • Navbar highlights the current page and displays UserName(if user is logged in)
  • If User has input baby’s birthdate profile home page will display number of months or years of baby’s age ( componitized function that uses javascript to calculate number of months/years)
  • Profile page also display’s baby’s name and photo, if those have been saved by User
  • On the Questionnaire page, User can save information about their baby to be viewed in the virtual book. The User’s former answers will populate.
  • In baby book birthday displayed in Day of the week, month, year format
  • On the Community page users can post stories or questions about their little ones.

Planned Improvements

  • Refactor with redux to add to questionnaire / book.
  • Add to the virtual baby book so that users can create their own custom pages.
  • Enable users to reply to other user’s comments on the community page.
  • Add a search feature.