Poke Log

PokeLog is a single-page app that allows hemophilia patients to log and review their infusions (called pokes) and joint bleeds.

PokeLog is built with:

• Node.js
• Express.js
• React
• Redux

PokeLog's design is responsive and device-agnostic, so users have a consistent experience on desktop and mobile.

Team Members

PokeLog is built by Matthew Buckner, Ashley Johnson, and Nicholas Williams.

MVP

• Hosted on Heroku
• Users can:
  • Create an account
  • Log infusions and bleeds
  • Review infusions and bleed
  • Update their name and dosage information

Implementation Details

PokeLog features a PostgreSQL database connected using Sequelize. User authentication is implemented with Passport.js using the passport-local strategy. Using a non-OAuth solution will allow us to convert PokeLog into Progressive Web App in the future. PokeLog's frontend is built with React, using Redux for state management.

Features

Log A Poke

Review Pokes and Infusions

The Poke Log calendar is built using CSS, the JavaScript Date object and SVG icons. The <Calendar /> component produces <CalendarDays /> components for each day of the week. The <CalendarDays /> component determines which days are part of the current month and contain poke information.

The <Calendar /> is rendered using the following CSS, to ensure that each week contains seven days:

.day{
  flex-basis: calc(100% / 7);
  display: flex;
  flex-direction: column;
  &:not(:nth-of-type(7n)){
    border-right: 1px solid $blue;
  }
  &:not(:nth-of-type(n + 36)){
    border-bottom: 1px solid $blue;
  }
}

Future Features

We all had a great time working together as a team on this project. Some features we'd like to implement in the future are:

• Allow user to set up an infusion schedule that will send them push notifications when they are due for an infusion.
• Allow user to share their infusion logs with parents, significant others, or physicians.
• Creating a bleeds heat map, showing the using a detailed history of their joint bleeds.
• Adapt PokeLog to meet the criteria of a Progressive Web Application (PWA), allowing users to log pokes while offline.