HEARTSTRONG Client

introduction:

HEARTSTRONG is a personal exercise tracker, helping you log exercise sessions ensuring you reap the benefits of cardiovascular fitness. Regular exercise is difficult, but HEARTSTRONG provides visual analysis about minutes exercised per session and displays data about the types of activities performed using Chart.js, helping you keep on track. You can dynamically add new types of activities and exercise sessions, and see a lifetime log of all previous exercise.

technologies:

/ React / Redux / HTML5 / CSS3 / JavaScript / Chart.js / Enzyme + Jest (testing) / Travis CI / Netlify /

The HEARTSTRONG client uses React and Redux.

• Client side was built using create-react-app
• Utilizes Promise middleware for asynchronous AJAX calls
• Form state management and validation with Redux Form
• Custom Private Router to handle routing to protected data
• Doughnut & line graphs built using Chart.js
• React components tested with Jest & Enzyme
 

live site:

https://heartstrong.netlify.com/

back end api repository:

https://github.com/chang-steven/strong-heart-api

landing page:

dashboard:

exercise log:

add exercise form: